https://github.com/joschuaschneider/gatsby-tailwindcss-postcss-boilerplate

Gatsby Starter Default with TailwindCSS and PostCSS + PurgeCSS
https://github.com/joschuaschneider/gatsby-tailwindcss-postcss-boilerplate

gatsby postcss purgecss starter tailwind

Last synced: 21 days ago
JSON representation

Gatsby Starter Default with TailwindCSS and PostCSS + PurgeCSS

• Host: GitHub
• URL: https://github.com/joschuaschneider/gatsby-tailwindcss-postcss-boilerplate
• Owner: JoschuaSchneider
• License: mit
• Created: 2020-01-12T12:54:51.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-06-10T00:35:08.000Z (over 1 year ago)
• Last Synced: 2024-10-06T08:10:02.657Z (3 months ago)
• Topics: gatsby, postcss, purgecss, starter, tailwind
• Language: JavaScript
• Homepage:
• Size: 812 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  





  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](https://github.com/gatsbyjs/gatsby-starter-default) for help on getting started with Gatsby.**

**Check out [TailwindCSS](https://tailwindcss.com/) for more info and docs!**

## Setting up for development

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

```shell

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](https://www.gatsbyjs.org/packages/gatsby-plugin-purgecss/).

In addition, postcss is preconfigured with **autoprefixer**.

```shell

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](https://tailwindcss.com/docs/configuration).

##