Welcome to gatsby-tailwindcss-recipe 👋

A Gatsby Recipe to setup Gatsby with Tailwindcss

Tailwindcss Tailwind CSS is a 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.

Usage

Add to an Existing Gatsby Project

gatsby recipes https://raw.githubusercontent.com/Khaledgarbaya/gatsby-tailwindcss-recipe/master/tailwindcss.mdx

Starting from Scratch

Create a new Gatsby site and navigate

gatsby new my-gatsby-tailwindcss-app https://github.com/gatsbyjs/gatsby-starter-hello-world

Navigate to the directory

cd my-gatsby-tailwindcss-app

Upgrade to the latest version of Gatsby

npm upgrade --latest

yarn upgrade --latest

Run the recipe

gatsby recipes https://raw.githubusercontent.com/colbyfayock/gatsby-recipe-react-leaflet/master/react-leaflet.mdx

Start your development server

npm run develop

yarn develop

Author

👤 Khaled Garbaya

Website: https://k4d.dev
Twitter: @khaled_garbaya
Github: @Khaledgarbaya

Show your support

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Khaled Garbaya}

💻

📖

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