arkajyotiMukherjee/gatsby-typescript-template

A static site template with Gatsby, Typescript and Styled Components.

Gatsby, Typescript and Styled Components started template

Development Setup

Prerequisite

• Install Node.js and npm. Follow the instructions here.

Tech Stack from Frontend

• Gatsby
• Typescript
• Styled Components

Start Frontend

Install it and run:

yarn install
yarn dev

Build it and serve:

yarn build
yarn serve

Dev setup: Enable Prettier [OPTIONAL]

1. Step: Install the Prettier plugin (e.g. the one of Esben Petersen)
2. Add the following snippet to your settings in VSCode:

    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
       "source.organizeImports": true // optional
   },

Usage

Open your browser and go to http://localhost:8000/ to access the frontend