next.js 如何使用getStaticProps获取前十篇博客文章

9nvpjoqh  于 2023-03-22  发布在  其他
关注(0)|答案(1)|浏览(171)

我有一个大博客,在Next.js中有超过一千篇文章,我使用getStaticProps来获取mdx文章数据。但是随着文章数量的增长,需要更多的时间来为所有文章页面构建网站。
我的问题是我不想使用getServerProps,并找到解决方案回退(真或阻塞)将是伟大的渲染我的前50个职位,没有列出所有50路径在getStaticPath,而是把这50个路径作为对象,但我总是出错的对象。
任何人都可以做一个代码示例,谢谢。

export const getStaticPaths = async () => {

const preRenderingPosts = posts.slice(0,50).data.slug  // something like this, but always wrong

  const paths = postFilePaths
    .map((path) => path.replace(/\.mdx?$/, ""))
    .map((slug) => ({ params: { slug } }));
  return {
    paths: preRenderingPosts
    fallback: false,
  };
};
xriantvc

xriantvc1#

可以使用以下方法创建一个包含前50个立柱的嵌条的对象阵列:

const preRenderingPosts = posts.slice(0,50).map(post => ({ slug: post.data.slug }));

相关问题