Abell

365

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

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.

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.