Note: This project uses Gatsby v2.

• css-in-js with Emotion: website - plugin doc
• API Prismic: website - plugin doc
• React-Helmet: plugin doc
• Offline: plugin doc
• Sharp image processing library: plugin doc
• Sitemap: plugin doc
• Polyfill.io: plugin doc
• Storybook: website

1. Install the Gatsby CLI

   The Gatsby CLI helps you create new sites using Gatsby starters (like this one!)

   # install the Gatsby CLI globally
   npm install -g gatsby-cli

2. Node version manager

   Install NVM to manage its version of Node:

   curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

   In the project, install and use the current version of Node:

   # Installs the node version specified in the .nvmrc
   nvm install
   # Switches to the node version specified in the .nvmrc
   nvm use

   (Optional but highly recommended) Install AVN to avoid having to run nvm use every time you open the project.

3. Install Yarn

   Go to https://yarnpkg.com/docs/install

   brew install yarn --ignore-dependencies

4. Prismic API KEY

   Create a .env.development at the root of the project.

   # Prismic API_KEY
   API_KEY=XXXXX_YOUR_TOKEN_XXXXX

1. Download dependencies

   yarn install

2. Start developing

   Navigate into your new site’s directory and start it up.

   gatsby develop

   Your site is now running at http://localhost:8000!

   _Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial._

3. Build

   gatsby build

4. Serve Build

   gatsby serve

5. Launch Storybook

   yarn storybook