This starter uses Gatsby's default starter as a base and adds support for TypeScript and Tailwind CSS on top. Also, includes support for unit testing with Jest.
- there are 16 new dependencies
- the files in src/components/ and src/pages/ have been updated with TypeScript support
- the default Gatsby CSS file (layout.css) has been deleted; you'll find src/components/main.css in its place
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying this starter.
# create a new Gatsby site using gatsby-typescript-tailwind-starter gatsby new my-tswind-starter https://github.com/jagdcake/gatsby-typescript-tailwind-starter
-
Start developing.
Navigate into your new siteβs directory and start it up.
cd my-tswind-starter/ gatsby develop
-
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-tswind-starter
directory in your code editor of choice and editsrc/pages/index.js
. Save your changes and the browser will update in real time!
Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:
-
For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
-
To dive straight into code samples, head to our documentation. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.