Merge pull request #21 from sanity-io/next-13

Next 13

studio/structure/resolvePreviewUrl.ts

@@ -4,10 +4,23 @@ import {SanityDocument} from 'sanity'
 import {getSecret, SECRET_ID} from './getSecret'
 
 export default async function resolvePreviewUrl(doc: SanityDocument, client: SanityClient) {
-  const baseUrl =
-    process.env.NODE_ENV === 'development'
-      ? `http://localhost:3000`
-      : `https://demo-course-platform-git-next-13.sanity.build`
+  let baseUrl = `http://localhost:3000`
+
+  // Use public vars because Studio is all client-side
+  if (process.env.SANITY_STUDIO_VERCEL_ENV) {
+    // This is the URL of the Studio deployment, not the web deployment
+    baseUrl = `https://${
+      process.env.SANITY_STUDIO_VERCEL_ENV === 'production'
+        ? process.env.SANITY_STUDIO_VERCEL_URL?.replace(`-studio`, ``)
+        : // This should work, but doesn't
+          // the env seems to be `undefined` in vercel
+          // : process.env.SANITY_STUDIO_VERCEL_BRANCH_URL
+          // So I'm DIY-ing a branch URL for the web deployment
+          `demo-course-platform-git-${process.env.SANITY_STUDIO_VERCEL_GIT_COMMIT_REF}.sanity.build`
+    }`
+
+    console.log({baseUrl})
+  }
 
   const {_id} = doc