Boilerplate Gatsby starter for getting up and running writing React.
ESLint with custom configuration, SASS, CSS Modules, Prettier, Axios
Install Gatsby:
npm install -g gatsby-cli
Install dependencies:
yarn install OR
npm install
Start the local environment:
gatsby develop
Site will open at localhost:8000
To build for production:
gatsby build
Front-end resources are located under src:
/assets- Images/gifs live here
/components- React components live here. Arranged as an
index.jsfile and a component-namedscssfile, imported as a CSS Module
- React components live here. Arranged as an
/layouts- Base page layout. Contains the
<head>tag elements in componentHelmet
- Base page layout. Contains the
/pages- Individual html pages. Use these filename as page name passed to the
Linkcomponent
- Individual html pages. Use these filename as page name passed to the
/styles- Global/shared styles only
- Use
module-import.global.scssas an importable module in otherscssto access custom vars/mixins /_custom- Custom vars/mixins files live here.
- Defines custom breakpoints:
- Mobile: 768px
- Tablet: 1024px
- Desktop: 1280px