Estoy trabajando en un sitio web que usa Next.js como frontend y Strapi como backend.

En Strapi tengo pages y dentro de ellas tengo una página que está publicada ( homepage ) y otra página que no lo está ( about ); Quiero poder obtener una vista previa de los cambios en la página no publicada, pero como no está publicada, recibo un error 404 cada vez que visito la página.

Tengo una ruta dinámica [page].js en la raíz del documento para capturar cualquier página (página de inicio, acerca de, ...) y mostrar su contenido. Funciona bien si visito example.com/homepage ; veo el contenido sin problemas.

Si visito example.com/about obtengo un error 404, ya que esta página no está publicada y, por lo tanto, técnicamente no existe todavía.

En Postman puedo ejecutar una consulta como esta:

 http://example.com:1337/pages?slug=about&_publicationState=preview&published_at_null=true

Y puedo ver los datos inéditos about la página. En teoría, podría pasar esos indicadores adicionales ( _publicationState , etc.) a mi consulta de fetch y poder ver los datos no publicados.

El problema es que cuando visito example.com/about esta página no existe, por lo que en lugar de cargar [page].js , está cargando 404.js , por lo que mi consulta nunca se ejecuta.

¡Espero que esto tenga sentido! Necesito /about para ejecutar [page].js aunque no esté publicado.