admmasters / gatsby-typescript-starter

TypeScript starter for Gatsby

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Gatsby

Gatsby's typescript starter

πŸš€ Quick start

  1. Install dependencies

    yarn install
  2. Start developing.

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

    cd gatsby-typescript-starter
    gatsby develop
  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 gatsby-typescript-starter directory in your code editor of choice and edit src/pages/index.ts. Save your changes and the browser will update in real time!

  4. Typechecking

    yarn typecheck

🧐 What's inside?

A quick look at the top-level files and directories you'll see in a Gatsby project.

.
β”œβ”€β”€ node_modules
β”œβ”€β”€ src
β”œβ”€β”€ .gitignore
β”œβ”€β”€ .prettierrc
β”œβ”€β”€ gatsby-browser.js
β”œβ”€β”€ gatsby-config.js
β”œβ”€β”€ gatsby-node.js
β”œβ”€β”€ gatsby-ssr.js
β”œβ”€β”€ LICENSE
β”œβ”€β”€ package.json
β”œβ”€β”€ README.md
β”œβ”€β”€ tsconfig.json
└── yarn.lock

πŸ’« Deploy

Deploy to Netlify

About

TypeScript starter for Gatsby

License:MIT License


Languages

Language:CSS 60.2%Language:TypeScript 30.5%Language:JavaScript 9.3%