gatsby-sanity-portfolio

A portfolio using structured content from Sanity.io, Gatsby.js as a static site builder, Rive for the loading screen and hosted on Cloudflare

Website: Studio:

This badges are made with shields.io: cloudflare-pages-badges

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.

Color Reference

Color	Hex
Navy	#0a192f
Light Navy	#172a45
Dark Grey	#333f58
Slate	#8892b0
Light Slate	#a8b2d1
Lightest Slate	#ccd6f6
White	#e6f1ff
Green	#64ffda