It’s (j)ust (e)leventy and (t)ailwind … OK, and a few other things; it’s still really small though.
While learning how to use Eleventy, I came across a few starter projects that combine it with Tailwind CSS, which is neat, but they also come with so much more.
Personally, I only want Eleventy and Tailwind … and, taking the desire for simplicity one step further, I only want to use them via NPM scripts.
So, I made this and it seems to work 🤷♀️
- Create your own new repo from jet’s template, or clone this one
- Install dependencies:
npm i - Start development:
npm run dev - Visit http://localhost:8080 to see your work-in-progress
- Do super-fun Eleventy and Tailwind things
- When you’re done:
npm run build - Host your project somewhere (Netlify and Vercel are nice options)
That’s it 🕺
As of October 17th, 2024, jet has been updated to utilize Eleventy v3.x. If you want to upgrade your project from Eleventy v2.x to v3.x, there’s a a helper plugin.
As of January 31st, 2025, jet has been updated to utilize Tailwind CSS v4.0. If you want to upgrade your project from Tailwind CSS v3.x to v4.x, the Tailwind folks have a wonderful Upgrade Guide you should review.
I originally built this in about an hour through trial-and-error, so I'm sure there's a lot of room for improvement.
If you try it and find issues, or think of improvements, please file an issue and/or create a pull request.