Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/baha-a/test2
🚀⚡️ Blazing fast blog built with Gatsby and the Cosmic Headless CMS 🔥
https://github.com/baha-a/test2
Last synced: about 1 month ago
JSON representation
🚀⚡️ Blazing fast blog built with Gatsby and the Cosmic Headless CMS 🔥
- Host: GitHub
- URL: https://github.com/baha-a/test2
- Owner: baha-a
- License: mit
- Created: 2020-06-02T08:12:23.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-06-10T00:37:02.000Z (over 1 year ago)
- Last Synced: 2024-05-16T16:31:34.844Z (7 months ago)
- Language: JavaScript
- Size: 1.3 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-blazingly-fast - test2 - 🚀⚡️ Blazing fast blog built with Gatsby and the Cosmic Headless CMS 🔥 (JavaScript)
README
# Gatsby + Cosmic
![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](https://www.cosmicjs.com).
> [See live demo hosted on Netlify](https://gatsby-blog-cosmicjs.netlify.com/)
> Uses the [Cosmic 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 Bucket``` javascript
{
resolve: 'gatsby-source-cosmicjs',
options: {
bucketSlug: '', /* Find this in Your Bucket > Settings > Basic Settings after logging in at https://app.cosmicjs.com/login */
objectTypes: ['posts', 'settings'], /* Object types to fetch */
apiAccess: {
read_key: '', /* Find this in Your Bucket > Settings > API Access after logging in at https://app.cosmicjs.com/login */
},
localMedia: true /* Optional. If you want to enable local image for Gatsby Image */
}
},
```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 their CLI. Run the following commands from the root folder.
```
npm i -g netlify-cli
netlify deploy
```