Reactjs 关于slug的NextJS-dynamic路由问题
我对nextjs有疑问 我正在像这样建立我的网站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
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来检测请求是否处于回退状态
你可以在这里看到好的文件