Facile
Vous créez une page dans votre app Next.js en Page Router pour afficher les détails d'un produit. Voici un extrait de code :
// 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 }) {
// ...
}
Quelle est la fonction que rempli getServerSideProps dans ce cas ?
Auteur: AnasStatut : PubliéeQuestion passée 450 fois
Modifier
1
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
7
Charger les données des articles de blog au moment du build pour un rendu statique.1
Où placer les fichiers statiques dans un projet Next.js.5
Quel est le chemin vers la page à propos dans Next.js?4
Comment utiliser la régénération statique incrémentale (ISR) dans Next.js pour mettre à jour les articles de blog périodiquement après leur publication initiale.2
Quels sont les avantages de l'utilisation des imports dynamiques dans Next.js ?2
Comment manipuler les en-têtes de réponse HTTP dans une fonction `getServerSideProps` en Next.js3
Créer une page NextJS avec une barre de navigation et un pied de page