Hugo + Tailwind CSS Boilerplate

Boilerplate to make it easy to start new sites with Hugo and Tailwind CSS via PostCSS. Purgecss is used to remove unused CSS in production builds.

Installation

Install the NPM dependencies and build the javascript once in development mode.

npm install
npm run webpack:dev

Development

npm run server

Hugo will start its development server on http://localhost:1313/

Production build

npm run build

This will run webpack to produce production javascript then Hugo will build static pages and unused CSS will be removed with Purgecss.

Deploy the contents of public/ to S3 or another hosting service.