Skip to content

room-js/gatsby-starter-typescript-themes

Repository files navigation

gatsby-starter-typescript-themes

A Gatsby starter based on the gatsby-starter-default with TypeScript support and Light/Dark themes based on CSS variables.

Includes

  • TypeScript
  • CSS Modules
  • SASS (for both: global styles and CSS Modules)
  • Light and Dark themes based on CSS variables.

Preview

Preview

How to use

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying the starter.

    # create a new Gatsby site using the starter
    gatsby new my-themed-starter https://github.com/room-js/gatsby-starter-typescript-themes
  2. Start developing.

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

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