Gatsby Starter Typescript screenshot

Gatsby Starter Typescript

Author Avatar Theme by Goblindegook
Updated: 6 Apr 2020
61 Stars

A Gatsby starter the way I like it.

Categories

Overview:

The “gatsby-starter-typescript” is a Gatsby starter that utilizes TypeScript and Emotion for building websites. It provides a demo site for viewing the functionalities of the starter.

Features:

  • TypeScript and Emotion: Utilizes TypeScript for type-checking and Emotion for styling components.
  • Gatsby Plugins: Includes a variety of Gatsby plugins for enhancing the website, including catch links, manifest, offline support, and more.
  • Testing and Linter: Includes Jest and react-testing-library for testing, and uses ESLint with support for TypeScript, React, Standard, and Prettier as the linter.

Installation:

  1. Make sure you have the Gatsby CLI program installed on your computer.

  2. Open your Command Line Interface (CLI) and navigate to the desired folder location.

  3. Run the following command to install the “gatsby-starter-typescript”:

    gatsby new my-gatsby-site https://github.com/username/gatsby-starter-typescript
    
  4. Once the installation is complete, navigate to the created directory:

    cd my-gatsby-site
    
  5. Finally, run the following command to start the Gatsby development server:

    gatsby develop
    

Summary:

The “gatsby-starter-typescript” is a Gatsby starter that allows developers to build websites using TypeScript and Emotion. It includes various Gatsby plugins for enhancing the website, as well as testing and linting support. By following the installation guide, users can easily set up and run the starter on their local environment.