vHanda / hugo-starter-tailwind-basic

A basic and simple to set up Hugo with TailwindCSS starter project.

hugo-starter-tailwind-basic

A very simple starter set up with TailwindCSS and its typography plugin and a build setup using PostCSS and PurgeCSS (when running the production build).

In the preview deployment on Netlify it currently has a 100 score on both mobile and desktop on Google PageSpeed.

This setup can be used both as a starter project and a theme.

As a Project

npm install
hugo server

As a Theme

Import github.com/bep/hugo-starter-tailwind-basic/v2 (use github.com/bep/hugo-starter-tailwind-basic if you want/need Tailwind 1.x.) into your project, and then run:

hugo mod npm pack
npm install

You need to add this to your config.toml (the stats are used by the CSS purging):

[build]
writeStats = true

Then run your project as usual.