Eleventy Web Starter is a lightweight Eleventy boilerplate utilising, ESBuild Tailwind and PostCSS.
The project uses Eleventy as a static site generator with Nunjucks as the default templating language. It is set up with PostCSS to handle TailwindCSS, CSS imports, autoprefixer, and PurgeCSS to remove unused CSS in production. The project also minifies HTML, inlines and minifies CSS, and uses esbuild to bundle and minify scripts. The document <head> is crafted using htmlhead.dev. Deployment can be done on any web server or service, with Netlify being recommended.
To get started with the project, follow these steps:
npm install
npm run serve
npm run build
This will minify HTML, minify JS, inline and minify CSS.
The project combines Eleventy, TailwindCSS, HTML, CSS, and JavaScript to create a static site generator with various features. It utilizes PostCSS for handling CSS-related tasks such as importing, autoprefixer, and removing unused CSS with PurgeCSS. Additionally, it minifies HTML, inlines and minifies CSS, and uses esbuild for script bundling and minification. Deploying the project can be done on any web server or service, and Netlify is recommended for hosting.