Estoy tratando de crear todas mis páginas usando NextJs con los slugs/uri que obtengo al obtener los datos, sin embargo, cuando intento crear la página de inicio, dice.
Error: The provided path `/` does not match the page: `/[slug]`.[slug].tsx se encuentra en la carpeta de la página. Eliminé index.js porque me gustaría que la página de inicio tuviera el mismo diseño de página que otras páginas.
Actualmente obteniendo las rutas estáticas como esta:
export async function getStaticPaths() { const allPages = await getAllPostsWithSlug(); return { paths: allPages.edges.map(({ node }) => `${node.uri}`) || [], fallback: true, }; }El error que recibí tiene sentido, pero realmente no pude encontrar una solución para crear mi página de inicio en la misma plantilla de página.
Según la documentación , puede usar una ruta catch-all opcional.
Asigne un nombre a su archivo de página [[...slug]].js y luego use algo como esto para las paths prop en getStaticPaths :
paths: [ { params: { slug: [] } }, { params: { slug: ['foo'] } }, { params: { slug: ['bar'] } }, ] FWIW: si desea compartir componentes de la plantilla principal (es decir, encabezado, navegación, pie de página, etc.), le recomiendo usar una página _app.js personalizada. Si su página de inicio es realmente idéntica a sus otras páginas, ¡podría valer la pena volver a visitar el diseño!
¡Buena suerte!
Dado que [...slug] no es lo mismo que [slug] , ya que también toma rutas secundarias, puede lograr una coincidencia más cercana usando solo [slug].js y agregando una reescritura a su next.config.js así :
async rewrites() { return [ { source: '/', destination: '/homepage', }, ] }, Luego, maneja el slug de la homepage de inicio como su página de inicio, al igual que cualquier otra página o publicación de CMS.
( /homepage puede ser lo que quieras, por ejemplo, /index )