有没有办法将 ID 和 Slug 从 getStaticPaths 传递到 getStaticProps [nextjs]

Question

我想在 next.js 应用程序中将 URL 设置为 slugs，但还需要将 itemID 传递给 getStaticProps 以便从 API 获取所需的数据。

如何将 ID 和 slug 从 getStaticPaths 传递到 getStaticProps，而不是其中之一？

export async function getStaticPaths() {
  const paths = items.map(item => (
    { params: { id: item.itemID }}
  ))

  return {paths, fallback: false}
}

我希望做这样的事情：

const paths = items.map(item => ({ 
      params: { 
        id: item.itemID,
        title: item.description
      }
    }))

Answer 1

我相信您可以在Next.js 的这个博客示例中找到您问题的答案。他们首先调用getStaticPaths()以获取所有路径的列表，然后将该信息传递给以getStaticProps()获取每个路径的数据。由于数据是在构建时生成的，我相信 Nextjs 会一次性构建所有页面并准备好提供服务。