eleventy-tailwind

11ty + Tailwind CSS

The need for speed, using:

• Eleventy for templates and site generation
• TailwindCSS for a utility first CSS workflow
• Terser for a simple JS build pipeline
• HTMLMinifier for minifying all HTML

Prerequisites

• Node and NPM

Running locally

# install dependencies
npm install

# serve locally
npm run serve

Previewing the production build

When building for production, the CSS is inlined and purged per page.

# run the production build
npm run build

Styling with TailwindCSS

While running/developing locally, the npm run serve command will recompile the site as files are saved and this includes the CSS pipeline from Tailwind.

Tailwind directives + custom CSS

Tailwind directives + custom CSS are found here src/_includes/css/styles.css