https://github.com/DSchau/gatsby-blog-contentful-2019-10-23-part-three

🚀⚡️ Blazing fast blog built with Gatsby and Cosmic JS 🔥
https://github.com/DSchau/gatsby-blog-contentful-2019-10-23-part-three

Last synced: about 1 month ago
JSON representation

🚀⚡️ Blazing fast blog built with Gatsby and Cosmic JS 🔥

• Host: GitHub
• URL: https://github.com/DSchau/gatsby-blog-contentful-2019-10-23-part-three
• Owner: DSchau
• License: mit
• Created: 2019-10-23T17:46:29.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-10-23T17:46:34.000Z (about 5 years ago)
• Last Synced: 2024-08-02T05:16:11.281Z (4 months ago)
• Language: JavaScript
• Size: 703 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-blazingly-fast - gatsby-blog-contentful-2019-10-23-part-three - 🚀⚡️ Blazing fast blog built with Gatsby and Cosmic JS 🔥 (JavaScript)

README

        
# Gatsby + Cosmic JS

![gatsby-blog-cosmicjs](static/thumbnail.png "The index page of the starter blog")

> This repo contains an example blog website that is built with [Gatsby](https://www.gatsbyjs.org/), and [Cosmic JS](https://www.cosmicjs.com).

> [See live demo hosted on Netlify](https://gatsby-blog-cosmicjs.netlify.com/)

> Uses the [Cosmic JS Gatsby Source Plugin](https://www.npmjs.com/package/gatsby-source-cosmicjs)

## Prerequisites

- Node (I recommend using v8.2.0 or higher)

- [Gatsby CLI](https://www.gatsbyjs.org/docs/)

## Install

``` bash

# 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

``` javascript

{

  resolve: 'gatsby-source-cosmicjs',

  options: {

    bucketSlug: '', /* bucket slug */

    objectTypes: ['posts', 'settings'], /* object slugs you want to populate */

    apiAccess: {

      read_key: '', /* optional */

    }

  }

},

```

Then

``` bash

# Then you can run it by

cd gatsby-example-blog

npm run develop

```