gatsby-starter-tailwind

Gatsby starter styled with Tailwind CSS

Github stars Tracking Chart

Gatsby Starter Tailwind

All Contributors

alt text

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-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.

Deployment

Netlify

Deploy to Netlify

Vercel (FKA ZEIT Now)

Deploy with Vercel

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):

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

Overview

Name With Ownertaylorbryant/gatsby-starter-tailwind
Primary LanguageJavaScript
Program languageJavaScript (Language Count: 2)
Platform
License:MIT License
Release Count0
Created At2018-03-25 04:26:39
Pushed At2023-04-27 04:17:31
Last Commit At2023-04-26 23:17:31
Stargazers Count496
Watchers Count5
Fork Count91
Commits Count895
Has Issues Enabled
Issues Count45
Issue Open Count2
Pull Requests Count732
Pull Requests Open Count0
Pull Requests Close Count408
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private
To the top