Introducing Abell, a New Vite-Powered Static-Site-Generator
summary
Abell is a Vite-powered static-site generator that keeps the vanilla HTML workflow while executing JavaScript at build time to produce pages, components and routes. It lets templates write JS directly in HTML and import NPM packages in templates, resolves Vite plugins (Markdown, MDX) for content transforms, emits pages as JS functions so components can be tested as functions, and supports manual file-based routing and client hydration for frameworks like Solid. The project ships as a small, low-level SSG with type support and plugin extensibility.
AI-written summary · about
chapters (7)
- 0:00The limitations of vanilla
- 3:29Introducing Abel
- 7:57Vite integration and plugins
- 13:23Building reusable components
- 16:14Customizing site routing
- 20:53Testing and deployment
- 24:13Framework agnostic power
related talks
20mVite - The Next Generation Frontend Tooling
47mVite, a New Era of Frontend Tooling?
15mVite: The next generation frontend tooling
12mUnlimited power with Laravel and Vite!
18mIntroduction to Vite & Vitepress
17mVite, Meta Frameworks, and Angular
03mVite and Vercel
20mDeveloping, Documenting, and Testing your Vite app with Storybook