ISR (Incremental Static Regeneration)

React 🟡 Mid

Definition

Combine SSG et SSR : les pages sont generees statiquement mais regenerees en arriere-plan apres un delai configurable (revalidate). Introduit par Next.js.

Analogie

Comme un menu du jour affiche a l'entree : il est pre-imprime mais le serveur le remplace discretement chaque jour.

Exemple de code

// Next.js App Router
export const revalidate = 3600; // regenere toutes les heures

export default async function Products() {
  const products = await getProducts();
  return <ProductGrid products={products} />;
}

Cas d'usage

Pages e-commerce, catalogues : contenu relativement stable mais qui doit se mettre a jour sans rebuild complet.

Termes lies

#rendering#performance#nextjs