https://github.com/raoufswe/gatsby-blog

A blog site using Gatsby and Netlify CMS
https://github.com/raoufswe/gatsby-blog

es6 gatsby graphql javascript netlify netlify-cms react

Last synced: 7 days ago
JSON representation

A blog site using Gatsby and Netlify CMS

• Host: GitHub
• URL: https://github.com/raoufswe/gatsby-blog
• Owner: raoufswe
• License: mit
• Created: 2019-01-09T19:40:00.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-23T03:34:38.000Z (almost 6 years ago)
• Last Synced: 2024-11-11T04:48:23.024Z (2 months ago)
• Topics: es6, gatsby, graphql, javascript, netlify, netlify-cms, react
• Language: JavaScript
• Size: 375 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gatsby-blog

This project is open source and everyone is encouraged to contribute and improve it.

**Gatsby** is a powerful preconfiguration to build a website that uses only static files for incredibly fast page loads, service workers, code splitting, server-side rendering, intelligent image loading, and asset optimization.

**Create your blog in Gatsby.js and Netlify CMS**

1- Clone the repository to your device.

[https://github.com/raoufswe/gatsby-blog](https://github.com/raoufswe/gatsby-blog)

2- Create a new repository in your GitHub account.

3- Run the following git commands one by one in the folder path:

- git init

- giti add .

- git commit -m "initial commit"

- git remote add origin 'YOUR REPO URL'

- git push origin master

Now the repository should be pushed into your GitHub account.

5- In your repository, go to **static/admin/config.yml** and change the fourth line to point to your repository URL. It should be something like this 'username/YOUR-REPO-NAME'.

6- Go to [https://www.netlify.com](https://www.netlify.com) and log in to deploy your blog.

Choose New site from git and select the blog repository and wait till deployment finishes.

**By now your blog should be up and running!**

7- Go to gatsby-config.js in your GitHub repository and change the **siteURL:** with your blog URL

8- Go to \<https://github.com/settings/applications/new \> and fill up the details with as following:

- Home page as your blog URL

- The call back should be https://api.netlify.com/auth/done

The page will generate a client id and secret key

9- In Netlify.com, go to settings / access control / oauth

And click "install provider" and paste the client ID and secret key.

Yaa! Now you should be able to access your admin panel by simply adding **/admin** at the end of your URL and start publishing your exciting blogs!