Next.js 是否在以下配置中为每个帖子生成一个页面？

Question

我正在使用 next/router 动态呈现帖子列表。此列表包含每个帖子的索引、路径和标题：

export const items = [

    {
      id: "0",
      path: 'Post_Alpha',
      title: "Title example 0",
    },

    {
      id: "1",
      path: 'Post_Beta',
      title: "Title example 1",

    },

我可以通过它在数组中的索引来访问测试版：

    import {items} from '../posts/data'

function Posts() {
    const router = useRouter()
    const {post} = router.query 
    const postIndex = items.map(function(e) { return e.path; }).indexOf(post)
    const post = items[courseIndex]

    return (
    <h2>
        {post.title}
    </h2>
  )
}

export default Posts

我想知道 Next.js 是为每篇文章创建一个页面，还是只创建一个动态填充的页面。我有一个使用<Link /> from 'next/link' 访问每个帖子的链接列表。另外，如何查看 Next.js 生成的页面，比如站点的 sitemap.xml？

Answer 1

我认为不会。

我认为只有在您使用 getStaticProps 或 getServerSideProps 时才会发生这种情况。在您的情况下，您的页面不具备使用 Next.js 作为服务的功能，例如良好的 SEO。您只需使用 client-side 抓取，它没有利用 Next.js 的任何好处。您还可以检查 useSWR() 钩子以获取客户端上的数据。

编辑

如果您的数据不是很多并且不经常更新，我相信您应该遵循 Next.js 文档中的this 示例。仅当您满足上述两个要求时才使用，因为数据是静态的并且将在构建时生成。