This repo contains an example blog website that is built with Gatsby, and Cosmic JS.

See live demo hosted on Netlify

Uses the Cosmic JS Gatsby Source Plugin

• Node (I recommend using v8.2.0 or higher)
• Gatsby CLI

# Make sure that you have the Gatsby CLI program installed
npm install --global gatsby-cli

# run from your CLI
gatsby new gatsby-example-blog https://github.com/cosmicjs/gatsby-blog-cosmicjs

In gatsby-config.js you need to add configuration for your Cosmic JS Bucket

{
  resolve: 'gatsby-source-cosmicjs',
  options: {
    bucketSlug: '', /* bucket slug */
    objectTypes: ['posts', 'settings'], /* object slugs you want to populate */
    apiAccess: {
      read_key: '', /* optional */
    }
  }
},

Then

# Then you can run it by
cd gatsby-example-blog
npm run develop

You can deploy to Netlify in a few steps using thier CLI. Run the following commands from the root folder.

npm i -g netlify-cli
netlify deploy