Let’s talk about the Future of Jamstack — Join us

Abell

365 stars
29 forks
8 issues
Home page
https://abelljs.org
Repository
abelljs/abell
Twitter
@AbellLand
Language:
JavaScript
License:
MIT
Templates:
Abell

Abell is a low-level static-site-generator built on top of Vite to give high flexibility while keeping the setup closer to vanilla HTML, CSS, JS

Installation

You can boilerplate a starter template using create-abell

npx create-abell my-blog --template abelljs/abell-starter-minima

cd my-blog

npm run dev

And tada 🎉 You will have a live server running.

Hello World in Abell

With Abell, you can write JavaScript inside HTML. This gets executed on build time.

Input:

{{
  /** @declaration */
  const greet = 'Hello, World!';
}}
<html>
  <body>{{ greet.toUpperCase() }}</body>
</html>

Output:

<html>
  <body>HELLO, WORLD!</body>
</html>

Check out https://abelljs.org for detailed documentation.

Deploy to Netlify

Find more static site generators.