Gatsby Typescript Emotion Storybook

Overview

This product is a starter template for building a Gatsby + TypeScript + Emotion project with additional libraries such as React Intl, SVGR, and Jest. The template provides a launch point and references for integrating these libraries with Storybook. It also includes some blog posts documenting the learnings from setting up this starter.

Features

• Integrated Libraries:
  • React.js
  • Gatsby.js
  • TypeScript
  • Emotion.js
  • gatsby-plugin-intl
  • gatsby-plugin-svgr
  • Jest

Installation

1. Install Node.js (version >= 8.2.1 is recommended).
2. Clone the repository to your local machine.
3. Install the project dependencies by running the following command:

npm install

4. Create a new Gatsby site using the Gatsby CLI and specify this starter:

gatsby new my-site https://github.com/username/repo

5. Navigate into the new site’s directory and start the local development server:

cd my-site
gatsby develop

6. Access the site at http://localhost:8000.

Summary

The product is a starter template for building a Gatsby + TypeScript + Emotion project with additional libraries. It provides integration with Storybook and includes blog posts documenting the setup process. The installation process involves installing dependencies, creating a Gatsby site, and starting the local development server.