https://github.com/arkajyotimukherjee/gatsby-typescript-template

A static site template with Gatsby, Typescript and Styled Components.
https://github.com/arkajyotimukherjee/gatsby-typescript-template

gatsby react styled-components typescript

Last synced: 16 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/arkajyotimukherjee/gatsby-typescript-template
• Owner: arkajyotiMukherjee
• License: mit
• Created: 2021-02-04T14:25:34.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-02-04T16:11:41.000Z (almost 4 years ago)
• Last Synced: 2024-11-09T00:42:45.280Z (2 months ago)
• Topics: gatsby, react, styled-components, typescript
• Language: TypeScript
• Homepage: https://priceless-easley-6d0f73.netlify.app/
• Size: 2.86 MB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Gatsby, Typescript and Styled Components started template

# Development Setup

## Prerequisite

- Install Node.js and npm. Follow the instructions [here](https://nodejs.org/en/download/current/).

## Tech Stack from Frontend

- [x] [Gatsby](https://www.gatsbyjs.com/)

- [x] [Typescript](https://www.typescriptlang.org/)

- [x] [Styled Components](https://styled-components.com/)

## Start Frontend

Install it and run:

```bash

yarn install

yarn dev

```

Build it and serve:

```bash

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:

```json

    "editor.formatOnSave": true,

    "editor.codeActionsOnSave": {

       "source.organizeImports": true // optional

   },

```

## Usage

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