Overview

Starter template of Gatsby.js.

Demo

Below is starter demo site.

• Gatsby Starter Lunash

Below is my blog using this starter also in Japanese.

• Lunash

Tech Stacks

• Core: Gatsby.js(v3), TypeScript
• CSS: styled-components
• UI: Vanilla CSS in JS, Atomic Design
• CI: Github Actions
• Hosting: Github Pages

Usage:

$ yarn global add gatsby-cli
$ yarn
$ yarn start

Design

Designed by Figma.

Directory

/myblog
  /contents        # blog articles
  /data            # constant values
  /gatsby-node     # gatsby functions when to build into statis files
  /src             # app
  /static          # statis files

  # build result -------------
  /node_modules     # packages
  /public           # build by gatsby
  /.cache           # build by gatsby

  # etc -----------------------
  /.github
  /.vscode
  /__mock__         # test mock

LICENSE

MIT