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
-
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
-
Start developing.
Navigate into your new site’s directory and start it up.
cd my-blog-starter/ npm run dev
-
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 editsrc/pages/index.tsx
. Save your changes and the browser will update in real time!