Next.js 15 et l'App Router : construire des applications React full-stack modernes

Next.js 15 marque une étape importante dans l'évolution du framework React le plus populaire du marché, avec un App Router désormais stable, le support de React 19 et des optimisations de performance significatives. Que vous construisiez un site marketing, une application SaaS ou une API full-stack, Next.js 15 offre les outils pour livrer des expériences web rapides et scalables. Découvrez ce que cette version change concrètement pour votre workflow de développement.

L'App Router : une architecture pensée pour la performance

Introduit avec Next.js 13, l'App Router est désormais la voie recommandée pour structurer vos applications. Il repose sur les React Server Components (RSC), qui permettent d'exécuter certains composants exclusivement côté serveur, réduisant ainsi drastiquement le JavaScript envoyé au navigateur. Dans Next.js 15, le rendu partiel (Partial Prerendering, PPR) sort de sa phase expérimentale : les pages peuvent combiner une coque statique ultra-rapide avec des zones dynamiques hydratées à la demande. Cette architecture hybride permet d'obtenir des scores LCP excellents sans sacrifier l'interactivité, un équilibre que les applications modernes peinent souvent à atteindre. Concrètement, une page produit peut afficher son contenu principal depuis le cache CDN en quelques millisecondes, tout en chargeant les prix et la disponibilité en temps réel.

React 19 et les nouvelles primitives de gestion d'état

Next.js 15 est le premier framework à intégrer React 19 de manière stable, apportant avec lui les Actions, le hook useOptimistic et le hook use() pour résoudre des promesses directement dans le rendu. Les Actions simplifient considérablement la gestion des formulaires et des mutations : fini le boilerplate avec useState et useEffect pour suivre l'état d'une soumission. Les Server Actions de Next.js, combinées aux Actions React 19, permettent d'écrire des mutations full-stack dans un seul fichier, avec validation côté serveur et mises à jour optimistes côté client. Le compilateur React (anciennement React Forget) prend en charge automatiquement la mémoïsation des composants, réduisant les re-rendus inutiles sans que vous ayez à placer manuellement useMemo ou useCallback partout.

Turbopack : le bundler Rust qui accélère le développement

Next.js 15 active Turbopack par défaut pour le serveur de développement. Ce bundler écrit en Rust remplace webpack dans le pipeline de développement et offre des temps de démarrage jusqu'à 76 % plus rapides et des rafraîchissements HMR jusqu'à 96 % plus rapides sur de grandes bases de code. Concrètement, là où un projet Next.js de taille moyenne pouvait prendre 10 à 15 secondes pour démarrer avec webpack, il démarre en 1 à 2 secondes avec Turbopack. La compatibilité avec les plugins webpack existants est assurée progressivement, et les équipes qui migrent depuis des projets existants constateront une amélioration immédiate de leur expérience de développement. Pour la production, Next.js 15 continue d'utiliser webpack mais annonce que Turbopack prendra également en charge les builds de production dans une version prochaine.

Caching, Data Fetching et bonnes pratiques en 2026

Next.js 15 révise en profondeur sa stratégie de cache, après les critiques de la communauté sur le comportement parfois opaque de la version 14. Les requêtes fetch() ne sont plus mises en cache par défaut — vous devez opter explicitement pour le cache en passant cache: 'force-cache' ou en utilisant les options revalidate. Cette décision rend le comportement de l'application plus prévisible et facilite le débogage. Les layouts et pages sont désormais rendus de manière asynchrone par défaut, permettant à params et searchParams d'être des promesses que vous attendez explicitement. Pour les projets SaaS ou les APIs full-stack, les Route Handlers bénéficient également de cette clarification du cache, permettant de construire des endpoints RESTful robustes avec un contrôle fin sur la fraîcheur des données.