0
276
Vistas¿Cómo mapear desde la llamada API a los parámetros en getStaticPaths?
Estoy tratando de mapear parámetros en Next.js getStaticPaths pero no funciona. A continuación puedes ver que funciona.
Pero no funciona tan pronto como quiera agregar un campo más, que es la babosa del artículo.
El enrutamiento se parece a esto. index>[username]>[slug] <=== slug es para artículo.
Para simplificar el código, la API se ve así.
[ { id username email }, articles: [ [Object], [Object], [Object], ] } ]Y dentro de la matriz de artículos se ve algo como esto:
articles: [ { id title description slug } ]¿Cómo hago para que funcione? ¿Cómo mapear el nombre de usuario y el slug del artículo a param para que funcione?
Editar: quiero tener un slug de nombre de usuario y un slug de artículo juntos para poder tener www.com/[username]/[articleSlug] .
1 Respuestas
Responde la pregunta0
No estoy seguro de haber entendido muy bien su problema, pero solo usa getStaticPaths para generar la URL del artículo de esta manera:
export async function getStaticPaths() { const articles = await fetchAPI("/articles") return { paths: articles.map((article) => ({ params: { slug: article.slug, }, })), fallback: false, } } Luego, para obtener los datos del usuario y del artículo, puede usar getStaticProps de esta manera:
export async function getStaticProps({ params }) { const article = (await fetchAPI(`/articles?slug=${params.slug}`))[0] const users = await fetchAPI("/users") return { props: { article, users }, revalidate: 1, } }