Unable to connect to visual editing with SSR and firebase hosting

[akmalamka]

Version

nuxt: ^3.15.2
nuxtjs/sanity: ^1.13.3
sanity: ^3.67.1

Reproduction

Link:
A minimal Reproduction for Nuxt x Sanity x Firebase Presentation Tool Issue

What is expected?

I am able to change content from deployed sanity studio, in this case https://<my-studio-origin-host>.sanity.studio/presentation

What is actually happening?

Error appear when I access https://<my-studio-origin-host>.sanity.studio/presentation,

Steps to reproduce

1. Do as in the github repo readme said from the start till the end (up until deploying to firebase)
2. Open https://<my-studio-origin-host>.sanity.studio/presentation (change my-studio-origin-host based on your project)

Additional information

In local, everything works fine, but after deploying using firebase, the sanity wasn't able to connect to my app :(

Fyi, in the said repo, I make the studio folder to be inside the app folder to mimic my original project. Unfortunately, if we separate the studio and the app, we will also face the same exact issue.

Checklist

• I have tested with the latest Nuxt version and the issue still occurs
• I have tested with the latest module version and the issue still occurs
• I have searched the issue tracker and this issue hasn't been reported yet

[haihuynhngoc]

Hey @akmalamka, maybe you’ve got Nitro prerender turned on in nuxt.config? That was the issue for me — when prerender is enabled, the pages get built as static HTML, and then visual editing can’t connect to Sanity Studio. It needs SSR to pull in drafts and update content live.

What I ended up doing:

• On production, keep prerender for speed.
• On staging/preview, turn it off (or skip the routes you need editing on).

Here’s a quick example:

// nuxt.config.ts
const isPreviewEnable = process.env.NUXT_ENABLE_PREVIEW === 'true';
export default defineNuxtConfig({
  nitro: {
    prerender: {
      routes: isPreviewEnable,
        ? ['/']
        : [],
      crawlLinks: !isPreviewEnable // do not enable crawLinks if preview is enabled.
    },
  },
})