Estoy usando getStaticPaths para crear una página de producto dentro de NextJS. Obtengo mis productos de wooCommerce, el problema es:
Quiero usar "enlace permanente" para mi URL de ruta de NextJS, pero necesito product.id para obtener datos para ese producto en particular que se está procesando.
Mi código se parece a esto:
export async function getStaticPaths() { const res = await fetch('https://.../products/') const products = await res.json() const paths = products.map((product) => ({ params: { permalink: product.slug, id: product.id}, })) return { paths, fallback: false } } export async function getStaticProps({params}) { console.log(params); const res = await fetch(`https://.../products/${params.id}`) const productsData = await res.json() return { props: { productsData } } }Estoy tratando de pasar id en params, pero NextJS solo espera variables que están en el nombre de archivo JS (en este caso, [enlace permanente].js), por lo que la ID no se transmite a getStaticProps, y necesito ID para obtener datos del producto desde API no funciona con enlace permanente.
¿Hay alguna forma de pasar otra variable (ID en este caso) de getStaticPaths a getStaticProps?
export async function getStaticPaths() { const res = await fetch('https://.../products/') const products = await res.json() let paths = [] for (const product of products){ paths.push({params: {permalink: product.slug }, id: product.your_map_id}) } return { paths, fallback: false } }Debe crear una ruta dinámica anidada. página/[enlace permanente]/[id].js