Intermédiaire
Vous développez un blog en utilisant Next.js avec la techno Page Router et souhaitez tirer parti de la Régénération Statique Incrémentielle (ISR) pour vos articles de blog. Chaque article est généré statiquement au moment du build, mais vous voulez qu'ils se mettent à jour périodiquement après leur publication initiale pour garantir une grande vitesse de chargement et la fraîcheur des données. Voici un extrait de code de la page de l'article :
// pages/posts/[postId].js
export async function getStaticProps({ params }) {
const postData = await getPostData(params.postId);
return {
props: {
postData,
},
revalidate: 10 // temps en secondes
};
}
export async function getStaticPaths() {
const paths = getAllPostIds();
return {
paths,
fallback: 'blocking'
};
}
// ...
Auteur: AnasStatut : PubliéeQuestion passée 468 fois
Modifier
4
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
1
Où placer les fichiers statiques dans un projet Next.js.2
Quels sont les avantages de l'utilisation des imports dynamiques dans Next.js ?3
Créer une page NextJS avec une barre de navigation et un pied de page2
Comment manipuler les en-têtes de réponse HTTP dans une fonction `getServerSideProps` en Next.js5
Quel est le chemin vers la page à propos dans Next.js?1
Récupère les détails du produit du côté serveur à chaque requête et le mets en cache.7
Charger les données des articles de blog au moment du build pour un rendu statique.