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 vercel 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 vercel 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 Vercel Deployment, add that too!
<https://sprout-boilerplate.netlify.app>
<https://boilerplate.sprout.store>

// Allows for branch deploys in Vercel
<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 “Create new target”, you will need the following:

| Vercel Account Token (found here) | Scope: [Your Org] Expiration: [No expiration] | | --- | --- | | Vercel Project ID | Found in Project > Settings |

ISR and Cache Revalidation