Preview the document URL with the slug within the studio

[fpuglap]

I'm embeding sanity studio inside a Next.js app (app router). The problem I am facing is that while previewing in production I have not been able to set the URL correctly within the studio.

I am using this plugin to do it https://www.sanity.io/plugins/iframe-pane.

Within the options it is possible to configure the URL to which it must redirect to preview the document.

I would like to configure the URL so that it detects if I am local or in production, and if it is a document with slug or home.

There is a way to do this?

Any documentation will be helpful too, but unfortunately I haven't found this.

Thanks in advance!

[fpuglap]

I created this repo by following this guide https://www.sanity.io/guides/nextjs-app-router-live-preview in order to have this feature and solve this issue.

https://github.com/fpuglap/nextjs-app/tree/main