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 161 times
Edit
1
Community EvaluationsNo one has reviewed this question yet, be the first!
Similar QuestionsMore questions about Next JS
5
How to use the useSWR hook in Next.js to fetch data from an API?4
What is the path to the about page in Next.js?3
Load blog post data at build time for a static render.1
What are the benefits of using dynamic imports in Next.js?1
The `redirect` function sends a temporary redirect (HTTP 307), suitable for temporary state changes, such as redirecting an unauthenticated user to the login page.