Easy
You create a page in your Next.js app in Page Router to display the details of a product. Here is a code snippet:
// pages/products/[productId].js
export async function getServerSideProps(context){
const{ productId }= context.params;
const product= await fetchProductDetails(productId);
context.res.setHeader('Cache-Control', 'public, s-maxage=900, stale-while-revalidate=3600');
return{ props:{ product } };
}
export default function ProductDetails({ product }){
//...
}
What function does getServerSideProps perform in this case?
Author: AnasStatus: PublishedQuestion passed 797 times
Edit
4
Community EvaluationsNo one has reviewed this question yet, be the first!
4
Add global middleware to handle authentication across all routes in your application in Next.js15
Load blog post data at build time for a static render.13
What is the path to the about page in Next.js?6
What's the main new feature of Next.js 13 compared with previous versions?3
Create a NextJS page with a navbar and a footer8
How to use Incremental Static Regeneration (ISR) in Next.js to update blog posts periodically after their initial publication.8
What are the benefits of using dynamic imports in Next.js?