Skip to content
Gatsby source for blog.andrewshell.org
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
static
.all-contributorsrc
.eslintignore
.eslintrc.js
.gitignore
.node-version
.prettierignore
CONTRIBUTING.md
LICENSE
README.md
TODO.md
gatsby-browser.js
gatsby-config.js
gatsby-node.js
package-lock.json
package.json
postcss.config.js
tailwind.config.js

README.md

Gatsby Starter Tailwind

All Contributors

Gatsby and Tailwind CSS logos
A Gatsby starter styled using Tailwind, a utility-first CSS framework.
Uses Purgecss to remove unused CSS.
Illustrations by unDraw.

alt text

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/taylorbryant/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 fix
  • npm run fix - Run Prettier and ESLint with the --fix option

Build your site

Use npm run build to build your site for production.

Deploy

Deploy to Netlify

Resources

License

MIT

How you can help

Enjoying Gatsby Starter Tailwind and want to help? You can:

Contributors

Thanks goes to these wonderful people (emoji key):

impulse
impulse

💻
Georgios Andreadis
Georgios Andreadis

💻
Chris
Chris

💻
Dhaifallah Alwadani
Dhaifallah Alwadani

💻
Nigel Ball
Nigel Ball

🤔 💻
Monte Hayward
Monte Hayward

💻
Luke Bennett
Luke Bennett

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

You can’t perform that action at this time.