Gatsby’s default starter with TailwindCSS and PostCSS

This will get you started with gatsby and TailwindCSS for both development and production. The config is very minimal and the default pages are re-build with tailwind from the original Gatsby Starter.

Check out the Gatsby Starter Repo for help on getting started with Gatsby.

Check out TailwindCSS for more info and docs!

Setting up for development

In development, all tailwind classes are available when running npm start or gatsby develop

npm install
npm start

Building for production

In production, unused classes will be removed using PurgeCSS. If this breaks
your styles, read the docs for gatsby-plugin-purgecss.

In addition, postcss is preconfigured with autoprefixer.

npm run build
npm run serve

Customizing Tailwind

Open and edit the tailwind.config.js file in the project root.
You can find more help on how to configure tailwind in their docs.