https://github.com/muhghazaliakbar/gatsby-demo-1

🚀⚡️ Blazing fast blog built with Gatsby and Cosmic JS 🔥
https://github.com/muhghazaliakbar/gatsby-demo-1

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/muhghazaliakbar/gatsby-demo-1
• Owner: muhghazaliakbar
• License: mit
• Created: 2020-02-20T07:19:50.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-06-10T00:16:22.000Z (about 1 year ago)
• Last Synced: 2024-02-06T21:17:00.151Z (5 months ago)
• Language: JavaScript
• Size: 917 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-blazingly-fast - gatsby-demo-1 - 🚀⚡️ Blazing fast blog built with Gatsby and Cosmic JS 🔥 (JavaScript)

README

        
# Gatsby + Cosmic JS

![gatsby-blog-cosmicjs](https://cdn.cosmicjs.com/fe5196f0-42c2-11ea-8d10-df553329919a-gatsby-blog-cosmic.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

```

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

```