I have an e-commerce website created with Next.js.
I have some dynamic routes like:
<code>1. allproducts/page.js
2. allproducts/product/[...id]/page.js
</code>
<code>1. allproducts/page.js
2. allproducts/product/[...id]/page.js
</code>
1. allproducts/page.js
2. allproducts/product/[...id]/page.js
For the first routing, ISR is enabled, but for the second one with dynamic routing, it seems disabled. (I have added export const revalidate = 300 and the file doesn’t have ‘use client’, but it is still disabled.)
Product dynamic route page code is :
<code>// static generation
export const revalidate = 300;
export async function generateMetadata({ params, searchParams }, parent) {
const Products = await getAllProductsByCategories_serverAction(params.id[0])
return {
title: `RobRob - ${Products[0].categoryName} | blablabla`,
description: "blablabla",
}
}
export default async function Page({params}) {
const Products = await getAllProductsByCategories_serverAction(params.id[0])
return (
<ProductCardsCategory Products={Products} title={Products[0].categoryName}/>
);
};
</code>
<code>// static generation
export const revalidate = 300;
export async function generateMetadata({ params, searchParams }, parent) {
const Products = await getAllProductsByCategories_serverAction(params.id[0])
return {
title: `RobRob - ${Products[0].categoryName} | blablabla`,
description: "blablabla",
}
}
export default async function Page({params}) {
const Products = await getAllProductsByCategories_serverAction(params.id[0])
return (
<ProductCardsCategory Products={Products} title={Products[0].categoryName}/>
);
};
</code>
// static generation
export const revalidate = 300;
export async function generateMetadata({ params, searchParams }, parent) {
const Products = await getAllProductsByCategories_serverAction(params.id[0])
return {
title: `RobRob - ${Products[0].categoryName} | blablabla`,
description: "blablabla",
}
}
export default async function Page({params}) {
const Products = await getAllProductsByCategories_serverAction(params.id[0])
return (
<ProductCardsCategory Products={Products} title={Products[0].categoryName}/>
);
};
How can I enable ISR on dynamic routing? I have searched the documentation for the app router, but it’s not clear to me.