It’s (j)ust (e)leventy and (t)ailwind … OK, and a few other things; it’s still really small though.
Eleventy and Tailwind CSS are my favorite things right now.
While learning how to use Eleventy, I came across a few starter projects that combine it with Tailwind CSS, which is amazing, 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 February 17th, 2023, jet has been updated to utilize Eleventy v2.x. If you want to upgrade your project from Eleventy v1.x to v2.x, there’s a a helper plugin.
As of January 12th, 2022, jet has been updated to utilize Eleventy v1.x. If you want to upgrade your project from Eleventy v0.x to v1.x, there’s a a helper plugin.
As of December 10th, 2021, jet has been updated to utilize Tailwind CSS v3.0. If you want to upgrade your project from Tailwind CSS v2.x to v3.x, the Tailwind folks have a wonderful Upgrade Guide you should review.
As of November 25th, 2020, jet has been updated to utilize Tailwind CSS v2.0. If you want to upgrade your project from Tailwind CSS v1.x to v2.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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent