Gatsby Starter Tailwind
Uses Tailwind CSS' built-in purge option 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
Install the Gatsby CLI:
npm install --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-website npm run develop
Format and lint
npm run analyze- See what ESLint and Prettier can fix
npm run fix- Run Prettier and ESLint with the
Build your site
npm run build to build your site for production.
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
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!