Gatsby Starter

With Xstyled & Atomic Design

Xstyled

Using Xstyled with styled-component See doc

Atomic design structure

Following Brad Frost system

Good read about Atomic in React by Danilo Woznica

Aliases

import Example from '@atoms/Example'

Default alias list:

• @src: src
• @utils: src/utils
• @components: src/components
• @pages: src/pages
• @atoms: src/components/atoms
• @molecules: src/components/molecules
• @organisms: src/components/organisms
• @assets: src/assets

Get Started

Install

$ yarn

Start dev server

$ yarn start

Create prod build

$ yarn build

Serve prod build locally

$ yarn serve

Clean gatsby

$ yarn clean