This starter project is built off the official Gatsby starter and comes equipped with TypeScript and SCSS support for a more powerful and flexible front-end development experience.
-
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the starter project name.
# create a new Gatsby site using the TypeScript/SCSS starter gatsby new my-gatsby-starter https://github.com/henningta/gatsby-typescript-scss
-
Start developing.
Navigate into your new siteβs directory and start it up.
cd my-gatsby-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-gatsby-starter
directory in your code editor of choice and editsrc/pages/index.tsx
. Save your changes and the browser will update in real time!