Gatsby Starter Tailwind
A Gatsby starter styled using Tailwind, a utility-first CSS framework.
Uses Purgecss to remove unused CSS.
Illustrations by unDraw.
Uses Purgecss to remove unused CSS.
Illustrations by unDraw.
View demo here.
What is Tailwind?
"Tailwind is a utility-first CSS framework for rapidly building custom user interfaces." –Tailwind
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 Gatsby CLI:
npm i --global gatsby-cli
Create new Gatsby project using this starter:
gatsby new my-new-website https://github.com/oddstronaut/gatsby-starter-tailwind
Build stylesheet from Tailwind config and run the project in development mode:
cd my-new-website
npm 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.
Deploy
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 💻 |
This project follows the all-contributors specification. Contributions of any kind welcome!