Gatsby + Cosmic JS

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

Prerequisites

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

Install

# 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

Deploy to Netlify

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