Blog with Gridsome

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

Deployed from sanity.io/create.

What you have

• A fast by default blog with Gridsome
• Structured content using Sanity.io
• Global deployment on Netlify

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
   • Your frontend should be running on http://localhost:8080
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 and create a token with read rights.
2. Rename .env.development.tenplate 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 gridsome-config.js. If you just want to preview published changes you can set overlayDrafts: false in gridsome-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.

This starter comes with a Netlify-widget that lets you trigger new deploys from Sanity Studio.

Stuck? Get help

Join Sanity’s developer community or ping us on twitter.