eleventy-tailwind

Featuring Eleventy along Nunjucks, Tailwind CSS and The New CSS Reset, AlpineJS and jQuery, Font Awesome, with Netlify deploy.

Features

• Eleventy 1.0.2
• Nunjucks 3.2.3
• Tailwind CSS 3.1.2
• Alpine.js 3.10.3
• Font Awesome 4.7
• The New CSS Reset 1.6.1
• jQuery 3.6.0

Run Locally

Clone the project

Install dependencies

  npm install

Start the Eleventy server

  npm run build

Build Tailwind utiliy classes

  npm run dev

Deploy to Netlify (run once)

  npm run deploy

References

Shruti Balasa is an amazing creator who helped me with her tutorials on the install and almost all the repository, check her channel out, Thirus!

• Thirus, "Install Tailwind CSS v3 - CDN vs CLI vs PostCSS", by Shruti Balasa
• Thirus, "Light & Dark Mode toggle using Tailwind CSS & Alpine JS", by Shruti Balasa
• Thirus, "Build a Simple Static Website with Eleventy and Tailwind CSS and Deploy to Netlify - Part 1", by Shruti Balasa
• Thirus, "Deploy Eleventy site using Netlify CLI through GitHub", by Shruti Balasa
• Thirus, "Easy Responsive Grid Layouts in Tailwind CSS without Breakpoints | Single utility class", by Shruti Balasa

Also check the featuring tools:

• Eleventy
• Nunjucks
• Tailwind CSS
• Alpine.js
• Font Awesome 4
• The New CSS Reset
• jQuery