Reactjs 关于slug的NextJS-dynamic路由问题

Reactjs 关于slug的NextJS-dynamic路由问题,reactjs,next.js,Reactjs,Next.js,我对nextjs有疑问 我正在像这样建立我的网站 pages [slug] index.jsx index.jsx 因此,在我的slug/index中,我正在这样做 export async function getStaticPaths() { const resProducts = await fetch(`${process.env.PRIVATE_ENDPOINT}/products`); const products = await resProduc

我对nextjs有疑问

我正在像这样建立我的网站

pages
   [slug]
      index.jsx
   index.jsx
因此,在我的slug/index中,我正在这样做

export async function getStaticPaths() {
  const resProducts = await fetch(`${process.env.PRIVATE_ENDPOINT}/products`);
  const products = await resProducts.json();
  const paths = products.data.map((p) => ({
    params: {
      slugProduct: p.slug,
    },
  }));
  return {
    // this should be dynamic
    paths,
    fallback: true,
  };
}
我的问题是,如果我在后台添加新产品会发生什么

我是否必须使用下一次生成进行重建

我的问题是,如果我在后台添加新产品会发生什么? 我必须用下一个版本重建吗

简短的回答是否定的。如果请求的页面在构建时没有被生成,Next.js将提供页面的“回退”版本,并在后台静态生成请求的路径HTML和JSON。静态生成完成后,浏览器将收到生成路径的JSON。对同一路径的后续请求将服务于生成的页面,就像构建时预呈现的其他页面一样

不要忘记使用路由器.isFallback来检测请求是否处于回退状态

你可以在这里看到好的文件