Next.js 16.4 recommande les Cache Components et intègre des outils pour agents IA

La version 16.4 de Next.js vient d'imposer les Cache Components comme le modèle de programmation recommandé pour toutes les applications, avant d'en faire le choix par défaut dans Next.js 17. Cette mise à jour active automatiquement les Cache Components au sein des nouveaux projets générés, introduit des flux CLI dédiés ainsi que des options de configuration pour les agents IA de codage, et intègre React 19.3 aux côtés d'optimisations d'efficacité pour Turbopack.

Contrôles de cache granulaires et routes statiques

Les Cache Components permettent aux développeurs de déclarer des règles de mise en cache directement sur des sous-arbres de composants au moyen de la directive « use cache ». Afin d'éviter tout rendu imprévu au moment de la requête, Next.js 16.4 introduit la configuration ensureStatic. Les développeurs peuvent appliquer ensureStatic sur des pages ou des agencements (layouts) individuels afin de garantir que la structure (« shell »), le préchargement (« prefetch ») ou la navigation complète d'une route restent strictement statiques, provoquant un échec du build si du contenu dynamique est inclus par inadvertance.

Cette mise à jour ajoute également les fonctions navigation() et prefetch() au module next/cache. Ces API permettent aux applications d'exclure certains contenus lourds lors du préchargement, différant ainsi le rendu de ces éléments jusqu'à ce qu'une navigation explicite de l'utilisateur survienne.

Flux de migration guidés par agents IA

Afin d'aider les développeurs et les assistants IA lors des mises à jour du framework, Next.js 16.4 introduit la commande next upgrade --agent. Cette option fournit aux agents IA de codage des conseils de migration spécifiques à la version, des codemods ainsi que des étapes de vérification pour faire évoluer les bases de code vers les Cache Components.

En outre, cette version inclut deux options de configuration expérimentales. Le paramètre agentUpgrade génère des rappels automatiques concernant les correctifs de sécurité ou les versions récentes du framework lors des builds de développement, tandis que agentFeedback permet aux agents IA de préparer des brouillons de rapports d'erreurs pour révision humaine avant d'envoyer la télémétrie à l'équipe de Next.js.

Optimisations de Turbopack et intégration de React 19.3

Next.js 16.4 est livré avec React 19.3, apportant des transitions de vue stables (View Transitions), des Fragment Refs et l'API browser(). Les améliorations apportées à Turbopack réduisent l'espace de stockage du cache disque de 20 % à 25 % en combinant la compression de données Zstandard et des recherches de métadonnées avec LZ4.

La taille des bundles de production est réduite grâce au raccourcissement des noms de classes des modules CSS et à l'obscurcissement (« mangling ») des exportations JavaScript. Du côté de la compilation, Turbopack applique désormais le remplacement de modules à chaud (HMR) sur le serveur de manière différée (« lazy »), uniquement lors d'une requête. De plus, des améliorations apportées au compilateur React expérimental en Rust réduisent sa consommation de mémoire de 30 % et ses temps de compilation de 15 %.

Illustration éditoriale générée par IA ; ce n’est pas une photographie documentaire.

Source: Next.js 16.4