DEV Community

Cover image for Introducing the Gatsby and TailwindCSS starter
Kostas Vrouvas
Kostas Vrouvas

Posted on • Edited on • Originally published at kosvrouvas.dev

1

Introducing the Gatsby and TailwindCSS starter

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

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

cd my-default-starter/ gatsby develop

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

If you want to contribute or just report an issue, you can find the Github repo here.

Speedy emails, satisfied customers

Postmark Image

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay