olibar194 / gatsby-portfolio-preview-poc

Gatsby Portfolio Preview POC

Gatsby Portfolio Studio with sample previews

This is a Sample Studio which showcases a few interesting ways to preview your content. The Studio itself is based off the Portfolio with Gatsby template.

👉 Read our blog post about previews.

👉 Learn more about the example previews in the Studio’s Readme.md.

---

gatsby-portfolio-preview-poc

A portfolio using structured content and a static site builder.

Deployed from sanity.io/create.

What you have

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

Quick start

1. Clone this repository from your GitHub account
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:8000
4. npm run build to build to production locally

Enable real-time content preview in development

1. Go to your project’s API settings on manage.sanity.io and create a token with read rights.
2. Copy .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 disable the 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 the master branch on GitHub. If you want to change the deployment branch you may do so in build & deploy settings on Netlify.

Get help

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