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.