https://github.com/cosmicjs/gridsome-blog

Blazing fast blog built using Gridsome that utilizes the power of Cosmic.
https://github.com/cosmicjs/gridsome-blog

api cms cosmicjs gridsome vuejs

Last synced: about 1 month ago
JSON representation

Blazing fast blog built using Gridsome that utilizes the power of Cosmic.

• Host: GitHub
• URL: https://github.com/cosmicjs/gridsome-blog
• Owner: cosmicjs
• Created: 2019-01-29T04:48:26.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T16:43:04.000Z (almost 2 years ago)
• Last Synced: 2024-05-16T02:07:16.160Z (4 months ago)
• Topics: api, cms, cosmicjs, gridsome, vuejs
• Language: Vue
• Homepage: https://cosmicjs.com/apps/gridsome-blog
• Size: 2.17 MB
• Stars: 9
• Watchers: 6
• Forks: 3
• Open Issues: 24
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-gridsome - gridsome-blog - Blog with cosmicjs. (Uncategorized / Uncategorized)

README

        
# Gridsome + Cosmic JS

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

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

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

## Prerequisites

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

- [Gridsome CLI](https://gridsome.org/docs)

## Install

``` bash

# Make sure that you have the Gatsby CLI program installed

npm install --global @gridsome/cli

# run from your CLI

gridsome new gridsome-blog https://github.com/cosmicjs/gridsome-blog

```

In `gridsome.config.js` you need to add configuration for your Cosmic JS Bucket

``` javascript

plugins: [

  {

    resolve: 'gridsome-source-cosmicjs',

    options: {

      bucketSlug: '', /* bucket slug */

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

      apiAccess: {

        read_key: '', /* optional but recommended */

      }

    }

  }

],

```

Then

``` bash

# Then you can run it by

cd gridsome-blog

npm run develop

```