ISR (Incremental Static Regeneration)

Définition

Combinaison SSG + SSR : la page est générée statiquement puis régénérée en arrière-plan après un délai (revalidate). Introduit par Next.js. Depuis Next.js 16 (21 octobre 2025), revalidateTag exige un profil cacheLife en second argument ('max', 'hours'…) pour un comportement stale-while-revalidate, et Next.js 16.3 (3 août 2026) permet de servir une coquille de chargement instantanée au premier visiteur d'une URL non pré-rendue, puis de la promouvoir en page pré-rendue.

Analogie

Comme un menu du jour affiche a l'entrée : il est pre-imprime mais le serveur le remplace discrètement chaque jour.

Exemple de code

// Next.js App Router : régénération toutes les heures
export const revalidate = 3600;

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

// Invalidation à la demande (Next.js 16 : profil obligatoire)
import { revalidateTag } from 'next/cache';
revalidateTag('products', 'max');

Cas d'usage

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

Termes liés

Sources

• nextjs.org/blog/next-16
• nextjs.org/blog/next-16-3