https://github.com/sumairq/sanity-gatsby-blog

A blog website built with Contentful CMS and Gatsby.js
https://github.com/sumairq/sanity-gatsby-blog

contentful gatsbyjs netlify react

Last synced: 19 days ago
JSON representation

A blog website built with Contentful CMS and Gatsby.js

• Host: GitHub
• URL: https://github.com/sumairq/sanity-gatsby-blog
• Owner: sumairq
• Created: 2021-04-07T16:07:10.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-07T16:14:22.000Z (almost 4 years ago)
• Last Synced: 2024-12-19T20:44:19.964Z (about 2 months ago)
• Topics: contentful, gatsbyjs, netlify, react
• Language: JavaScript
• Homepage:
• Size: 1020 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Blog with Gatsby

_Fully customizable blog template with a React.js front-end._

Deployed from [sanity.io/create](https://www.sanity.io/create/?template=sanity-io%2Fsanity-template-gatsby-blog).

## What you have

- A blazing fast blog with [Gatsby.js](https://gatsbyjs.org)

- Structured content using [Sanity.io](https://www.sanity.io)

- Global deployment on [Netlify](https://netlify.com)

## Quick start

1. Clone this repository

2. `npm install` in the project root folder on local

3. `npm run dev` to start the studio and frontend locally

   - Your studio should be running on [http://localhost:3333](http://localhost:3333)

   - Your frontend should be running on [http://localhost:8000](http://localhost:8000)

4. `npm run build` to build to production locally

## Enable real-time content preview on development

1. Go to your [project’s API settings on manage.sanity.io](https://manage.sanity.io/projects/weahluuz/settings/api) and create a token with read rights.

2. Rename `.env.development.template` to `.env.development` and paste in the token: `SANITY_READ_TOKEN="yourTokenHere"`.

3. Restart the development server (`ctrl + C` and `npm run dev`).

If you want to turn off preview you can set `watchMode: false` in gatsby-config.js. If you just want to preview published changes you can set `overlayDrafts: false` in gatsby-config.js.

## Deploy changes

Netlify automatically deploys new changes commited to master on GitHub. If you want to change deployment branch, do so in [build & deploy settings on Netlify](https://www.netlify.com/docs/continuous-deployment/#branches-deploys).

## Stuck? Get help

[![Slack Community Button](https://slack.sanity.io/badge.svg)](https://slack.sanity.io/)

Join [Sanity’s developer community](https://slack.sanity.io) or ping us [on twitter](https://twitter.com/sanity_io).