Aquesta guia et mostra com configurar previews personalitzades per a cada document del teu projecte.
- Primer de tot haver completat els passos de Crea la pàgina de preview
- Afegeix un condicional per a cada un dels
type: documentque hagis creat a Sanity:
defineConfig({
document: {
productionUrl: async (prev, context) => {
const documentId = context?.document?._id?.replace('drafts.', '')
const slug = (context?.document?.slug as { current?: string } | undefined)?.current ?? ''
// Previsualització específica per a un document anomenat "projectsArchive"
if (documentId === 'projectsArchive') {
return `${previewUrl}/work/`
}
// Previsualització per a documents de tipus "project"
if (context?.document?._type === 'project') {
return `${previewUrl}/work/${slug}/`
}
// Previsualització per defecte usant l'slug
return slug ? `${previewUrl}/${slug}/` : `${previewUrl}`
},
},
})
- Comprovar les previews
- Per verificar que les previews funcionen correctament:
- Obre una pàgina o projecte des del gestor de Sanity.
- Fes clic als tres puntets de la dreta.
- Selecciona Open preview.
- Si tot està configurat correctament, s'obrirà la URL de previsualització corresponent a aquest document.
- Per verificar que les previews funcionen correctament: