Skip to content

kiiran/gatsby-typescript-tailwind-starter

Repository files navigation

Gatsby blog starter with Typescript + Tailwind

This starter is a clone of the Gatsby blog starter, but with the following set up:

  • ✅ TypeScript and ESLint
  • 🏭 GraphQL code generation
  • 💅 Tailwind, with dark mode and Tailwind Typography

💡 See the demo


🚀 Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying this blog starter as the template.

    gatsby new my-blog-starter https://github.com/kiiran/gatsby-typescript-tailwind-starter
  2. Start developing.

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

    cd my-blog-starter/
    npm run dev
  3. Open the source code and start editing!

    Your site is now running at http://localhost:8000!

    Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

    Open the my-blog-starter directory in your code editor of choice and edit src/pages/index.tsx. Save your changes and the browser will update in real time!

About

A Gatsby starter with TypeScript, Tailwind, eslint and code generation set up

Resources

License

Stars

Watchers

Forks