Next.js 16.4 : les Cache Components deviennent le choix recommandé, la mise à niveau se confie à un agent

Next.js est un cadre de développement web construit autour de React et édité par Vercel. Sa version 16.4, publiée le 6 octobre 2026, n'apporte pas de rupture immédiate. Elle fixe en revanche une direction claire pour la suite, et confie une part de la maintenance aux agents de code.

Les Cache Components passent en première ligne

Les « Cache Components » sont la nouvelle façon de gérer le cache dans Next.js. Au lieu de règles implicites, le développeur marque lui-même les parties de page qui peuvent être mises en cache, avec l'annotation 'use cache'. Une même page peut ainsi mêler du contenu préparé à l'avance et du contenu calculé à chaque visite.

Trois annonces à retenir :

• l'équipe recommande désormais ce modèle pour toutes les applications, ce qu'elle ne faisait pas jusqu'ici ;
• les nouveaux projets créés avec create-next-app l'activent par défaut ;
• il deviendra le comportement par défaut dans Next.js 17.

Pour un projet existant, l'activation passe par deux options du fichier de configuration : cacheComponents: true et partialPrefetching: true.

Deux garde-fous pour maîtriser les coûts

• ensureStatic : placé sur une page ou une mise en page, ce réglage fait échouer la compilation si un composant dynamique s'y glisse. Avec la valeur 'navigation', la plus stricte, la page ne sera jamais calculée à la demande. Il existe deux niveaux plus souples, 'prefetch' et 'shell'. L'équipe le destine aux boutiques en ligne, sites vitrines et blogs.
• navigation() et prefetch() : ces deux fonctions permettent d'exclure une partie d'une page du préchargement, pour ne la calculer que lorsque le visiteur clique réellement.

La mise à niveau confiée à un agent

La commande next upgrade reçoit une option --agent. Elle repère la version installée, choisit une version cible et prépare pour l'agent de code les guides de migration, les scripts de transformation et les étapes de vérification :

npx next@canary upgrade --agent=latest

Une option expérimentale, experimental.agentUpgrade, affiche un rappel pendant next dev ou next build quand une mise à niveau est disponible. Sa valeur par défaut, 'security', ne signale que les versions qui corrigent une faille connue. 'latest' signale toute nouvelle version, false désactive les rappels.

Autre nouveauté expérimentale : avec agentFeedback, l'agent prépare des brouillons de rapports sur les erreurs et les points de documentation obscurs qu'il rencontre. L'éditeur précise que l'agent reçoit pour consigne d'omettre code source, journaux et secrets, et que rien n'est envoyé sans un clic sur le bouton d'envoi. Cette fonction est activée par défaut dans les nouveaux projets créés avec les réglages recommandés, exige que la télémétrie de Next.js soit active et ne tourne pas en intégration continue.

Pour toutes les applications

• Le cache disque de Turbopack, l'outil de compilation intégré, occupe 20 à 25 % d'espace en moins selon l'éditeur, sans réglage.
• React 19.3 est inclus.

Les points à vérifier

• Les rappels de mise à niveau et les retours d'agent restent expérimentaux.
• Une mise à niveau menée par un agent reste une modification de code. Elle se fait sur une branche, avec relecture et tests.
• La consigne donnée à l'agent d'écarter les secrets est une instruction, pas une garantie technique. Relisez chaque brouillon de rapport avant envoi.

Notre lecture

Si votre site Next.js est maintenu par un prestataire ou par un outil de génération de code, demandez dès maintenant un plan de passage aux Cache Components : la bascule par défaut est annoncée pour la version 17, sans date à ce stade. Pour un site vitrine ou une boutique, ensureStatic est le réglage à connaître. Quant au rappel de sécurité, il a du sens : le blog de Next.js a annoncé plusieurs mises à jour de sécurité depuis septembre, dont deux hors calendrier.