Esta guía te muestra cómo configurar previews personalizados para cada documento en tu proyecto.
- Primero de todo haber compleado los pasos de Crea la página preview
- Añade un condicional para cada uno de los
type: documentque hayas creado en Sanity:
defineConfig({
document: {
productionUrl: async (prev, context) => {
const documentId = context?.document?._id?.replace('drafts.', '')
const slug = (context?.document?.slug as { current?: string } | undefined)?.current ?? ''
// Previsualización específica para un documento llamado "projectsArchive"
if (documentId === 'projectsArchive') {
return `${previewUrl}/work/`
}
// Previsualización para documentos de tipo "project"
if (context?.document?._type === 'project') {
return `${previewUrl}/work/${slug}/`
}
// Previsualización por defecto usando el slug
return slug ? `${previewUrl}/${slug}/` : `${previewUrl}`
},
},
})
- Comprobar los previews
- Para verificar que los previews funcionan correctamente:
- Abre una página o proyecto desde el gestor de Sanity.
- Haz clic en los tres puntitos a la derecha.
- Selecciona Open preview.
- Si todo está configurado correctamente, se abrirá la URL de previsualización correspondiente a ese documento.
- Para verificar que los previews funcionan correctamente: