Mi objetivo es poder agregar nuevas publicaciones al CMS (Sanity.io) después del tiempo de compilación, y que el sitio pueda mostrar los datos recibidos en un slug provisto usando rutas dinámicas.

Todo funciona bien en el entorno de desarrollo, pero en producción parece que la página no puede usar los nuevos slug proporcionados por el CMS y responde con un 404.

Aquí está mi código que obtiene las publicaciones del CMS, dentro de mi archivo [slug].tsx.

[babosa.tsx]

 export const getStaticPaths: GetStaticPaths = async () => { const query = ` *[_type=='post']{ _id, slug { current } }` const posts = await sanityClient.fetch(query) const paths = posts.map((post: Post) => ({ params: { slug: post.slug.current, }, })) return { paths, fallback: 'blocking', } } export const getStaticProps: GetStaticProps = async ({ params }) => { const query = ` *[_type=='post' && slug.current == $slug][0]{ _id, publishedAt, title, description, mainImage, gallery[0]->{ title, link, images, display, }, slug, body }` const post = await sanityClient.fetch(query, { slug: params?.slug }) return { props: { post, }, revalidate: 10, } }

Cuando agrego nuevas publicaciones en el CMS, inmediatamente veo que aparece la miniatura en el sitio web, con la imagen correcta y otros datos, pero cuando hago clic en la miniatura, aparece 404.

¡Espero que alguien pueda ayudarme!