simonsarris / eleventy-tailwind-starter

website starter using Eleventy and Tailwind CSS

eleventy-tailwind-starter

A static website starter project using Eleventy and Tailwind CSS.

To install: npm i

To run live server: npm run serve, you can then navigate to localhost:8080 to view the site.

To build for production: npm run build, the output is in the folder /_site

All CSS is defined a single file, /styles/tailwind.css. Alongside it is /styles/tailwind.config.js which contains config (eg, for custom colors)

Site content is in /site

Templates are in /_includes

Package why:

• 11ty: static site generator
• tailwindcss: CSS framework
• postcss: CSS processing
• autoprefixer: postcss plugin, needed for tailwind
• cssnano: postcss plugin, for CSS minification
• cross-env: cross platform setting env vars in npm scripts
• concurrently: cross platform (works in windows) instead of & in npm scripts
• npm-run-all: to run multiple npm scripts in the package.json