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 941 times
Edit
4
Community EvaluationsNo one has reviewed this question yet, be the first!
3
How to manipulate HTTP response headers within a `getServerSideProps` function in Next.js11
What are the benefits of using dynamic imports in Next.js?9
How to use Incremental Static Regeneration (ISR) in Next.js to update blog posts periodically after their initial publication.13
What is the path to the about page in Next.js?4
Add global middleware to handle authentication across all routes in your application in Next.js19
Load blog post data at build time for a static render.8
What's the main new feature of Next.js 13 compared with previous versions?