UPDATE v2.0.0 - Breaking Changes In order to provide scalability and cleaner frontmatter controls in current Posts (and upcoming Products) collections, the Frontmatter keys were updated which required updates to
/src/_includes/components/*.njk,tailwind.config.js, and other templates. I apologize for the inconvenience.
I set out to build a starter project template for 11ty that has TailwindCSS and Alpine.js baked in.
Version 1.0.0 morphed into a deeply customizable, full featured, text-based CMS for managing small websites with easy-to-manage configuration files in the /src/_data/ directory.
The live demo at "11ta.netlify.app" provides a feature list, and the evolving blog posts each highlight and provide examples of different features, shortcodes, customizations, and frontmatter controls.
First and foremost, I want to credit the 11ty community, especially those listed in the starter projects!
Specifically, the following starter projects helped me understand the power and flexibility of 11ty and from their examples I was able to extend the functionality to build this system:
- 🔥 eleventy-base-blog by Zach Leatherman
- 🔥 eastslopestudio-eleventy-starter by Ryan Scherler
- 🔥 eleventyone by Phil Hawksworth
- 🔥 eleventy-tailwind-alpinejs-starter by Greg Wolanski
- 🔥 jet by Marc Amos
To automatically deploy this Template to Netlify for free hosting, make sure you're logged in to your Netlify account and then simply click the Deploy to netlify button below.
- Duplicate this repository by clicking Use this template above
- Clone the repository locally
- Run
npm installto install dependencies npm run devto work locally
- Search
- More Structural controls for Index Page
- Easy add Collections: Projects, Services, Jobs, etc.
- "Themed" versions for Portfolios/Creatives, Agencies, Digital Gardens, etc.
- Fully documented migration of Wordpress to 11ty
- Snipcart integration