Blog with Gatsby

Fully customizable blog template with a React.js front-end.

What you have

A blazing fast blog with Gatsby.js
Structured content using Sanity.io
Global deployment on Netlify

Quick start

Clone this repository
npm install in the project root folder on local
npm run dev to start the studio and frontend locally
- Your studio should be running on http://localhost:3333
- Your frontend should be running on http://localhost:8000
npm run build to build to production locally

Enable real-time content preview on development

Go to your project’s API settings on manage.sanity.io and create a token with read rights.
Rename .env.development.template to .env.development and paste in the token: SANITY_READ_TOKEN="yourTokenHere".
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.

Stuck? Get help