Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/DSchau/gatsby-blog-cosmic-2019-12-12

🚀⚡️ Blazing fast blog built with Gatsby and Cosmic JS 🔥
https://github.com/DSchau/gatsby-blog-cosmic-2019-12-12

Last synced: 2 days ago
JSON representation

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

Awesome Lists containing this project

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
```