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: Anas ISMAILIStatus: PublishedQuestion passed 1075 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.js10
What's the main new feature of Next.js 13 compared with previous versions?3
Create a global error handler in Next.js15
What is the path to the about page in Next.js?21
Load blog post data at build time for a static render.10
How to use Incremental Static Regeneration (ISR) in Next.js to update blog posts periodically after their initial publication.12
What are the benefits of using dynamic imports in Next.js?