Eleventy Plus Vite. Rien nβest plus vite.
ππ¨
A simple, fast β and a little bit opinionated β starter project for Eleventy.
By Matthias Ott.
Code on Github
Features
- Eleventy 3.0.0-beta.1
- New Eleventy Dev Server with live reload
- Vite 5.1 as Middleware in Eleventy Dev Server (uses eleventy-plugin-vite)
- Eleventy build output is post-processed by Vite (with Rollup)
- CSS/Sass post-processing with PostCSS incl. Autoprefixer and cssnano
- Uses my own opinionated CSS/Sass structure
- Critical CSS, generated and inlined via rollup-plugin-critical. The main CSS file is then loaded asynchronously with Scott Jehlβs
media
loading strategy (addsmedia="print"
and swaps tomedia="all"
once loaded) - Example implementation of a web font loading strategy (critical FOFT with preload)
- Basic fluid typography based on Utopia
- Basic dark mode support (using
prefers-color-scheme
and CSS Custom Properties) - Polyfill for focus-visible
- RSS feed π§‘
- XML sitemap
- Four Hundos Lighthouse score π―π―π―π―