Getting live on Netlify

  1. Create a new project in Netlify, and click “Import an existing project” on your newly created copy of the boilerplate. This is probably hosted on Github!

  2. Click “Add environment variables” > “Import from a .env file”. Paste the entire contents of .env.development. You will need to change anywhere it says localhost.

// Change these to the netlify domain
NEXT_PUBLIC_SITE_ROOT="<http://localhost:3000>"
NEXT_PUBLIC_CMS_PREVIEW_URL="<http://localhost:3000/api/preview>"

  1. Click deploy!

  2. After you have a new netlify hosted domain, you’ll want to add that to your Sanity settings as the “Custom studio URL”

<https://sprout-boilerplate.netlify.app/admin>
  1. You’ll need to add a few CORS origins to your API Settings in Sanity. All domains need “Allow Credentials”. If you have a purchased domain connected to your Netlify Deployment, add that too!
<https://sprout-boilerplate.netlify.app>
<https://boilerplate.sprout.store>

// Allows for branch deploys in Netlify
<https://sprout-boilerplate>*.netlify.app
  1. You can add a quick access deploy button in your Sanity admin panel. Click “Deploy” in your dashboard and “Add Project”, you will need the following:
Site Name Production
Site ID Project Configuration > General > Project ID
Build Hook Project Configuration > Build & Deploy > Build Hooks
Branch main
Access Token User settings > Applications > Personal Access Tokens

ISR and Cache Revalidation