A boilerplate template built with Eleventy and TailwindCSS.
Based on Skeleventy, I wanted a simple boilerplate that included the latest version of Tailwind and was easy to update.
Features
- A vanilla TailwindCSS setup with PostCSS and purge
- eleventy-plugin-lazyimages for nice lazy image loading
- Logo configurable in
eleventy.config.js, will show text if logo.svg is removed from config - Site title configurable in
eleventy.config.js - Nav configurable in
site/globals/navigation.json - Use of
@applyinstyles/tailwind.cssfor sane defaults. - Alpine.js
- Optimized lazy-loaded images webp first with a jpeg fallback (throw in a 10mb file and don't worry about it!)
- And ~ Responsive Images ~ in 2 sizes. Huge difference in file sizes on mobile compared to desktop.
