Gatsby Starter Tailwind
Uses PurgeCSS to remove unused CSS.
Illustrations by unDraw.
View demo here.
What is Tailwind CSS?
"Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces." –Tailwind CSS
What is Gatsby?
"Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps." -Gatsby
Get started
Install the Gatsby CLI:
npm i --global gatsby-cli
Create a new Gatsby project using this starter:
gatsby new my-new-website https://github.com/taylorbryant/gatsby-starter-tailwind
Build a stylesheet from your Tailwind CSS config and run the project in development mode:
cd my-new-websitenpm run develop
Format and lint
npm run analyze
- See what ESLint and Prettier can fixnpm run fix
- Run Prettier and ESLint with the--fix
option
Build your site
Use npm run build
to build your site for production.
Deployment
Netlify
Vercel (FKA ZEIT Now)
Resources
License
How you can help
Enjoying Gatsby Starter Tailwind and want to help? You can:
- Create an issue with some constructive criticism
- Submit a pull request with some improvements to the project
Contributors
Thanks goes to these wonderful people (emoji key):
impulse 💻 |
Georgios Andreadis 💻 |
Chris 💻 |
Dhaifallah Alwadani 💻 |
Nigel Ball 🤔 💻 |
Monte Hayward 💻 |
Luke Bennett 💻 |
This project follows the all-contributors specification. Contributions of any kind welcome!