Introducing the Gatsby and TailwindCSS starter

Written by Kostas Vrouvas — June 18, 2020

Kick off your project with this boilerplate with TailwindCSS.

This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React. It is bundled with Tailwind CSS, a utility-first, highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.

To clone this starter:

1. Create a Gatsby site. Use the Gatsby CLI to clone this repo, specifying the default starter.

gatsby new my-default-starter https://github.com/kosvrouvas/gatsby-tailwindcss-starter

2. Start developing. Navigate into your new site’s directory and start it up.

cd my-default-starter/ gatsby develop

3. Open the source code and start editing! Your site is now running at http://localhost:8000!


© 2021 Kostas Vrouvas. All rights reserved.