Skip to content

alesvaupotic/sanity-gridsome-preview

Repository files navigation

Preview Research

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

Deployed from sanity.io/create.

What you have

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
  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

Slack Community Button

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