Introduction
Next.js 16, sorti le 21 octobre 2025, représente la plus grande évolution du framework depuis la création de l'App Router. La philosophie change radicalement : exit le caching implicite et imprévisible, place au contrôle explicite avec la directive "use cache".
Cette version apporte enfin Partial Prerendering (PPR) en production, Turbopack par défaut, et une intégration IA pour le debugging. Les performances explosent : jusqu'à 10x plus rapide en développement.
Les 6 Révolutions de Next.js 16
1. Cache Components : Le Contrôle Explicite
Le problème dans Next.js 15 :
1// Next.js 15 - Comportement imprévisible
2export default async function Page() {
3 const data = await fetch('https://api.example.com/data');
4 // Caché ? Pas caché ? Mystère...
5
6 // Un seul appel à cookies() rend TOUTE la route dynamique
7 const theme = cookies().get('theme');
8 // Boom ! Plus rien n'est caché
9
10 return <div>{data.title}</div>;
11}La solution Next.js 16 avec "use cache" :
1// Next.js 16 - Contrôle explicite et granulaire
2
3// 1. Cache au niveau de la page entière
4"use cache";
5export default async function BlogPage() {
6 const posts = await getPosts();
7 return <PostList posts={posts} />;
8}
9
10// 2. Cache au niveau d'un composant
11async function UserProfile({ userId }) {
12 "use cache";
13 const user = await getUser(userId);
14
15 return (
16 <div>
17 <h1>{user.name}</h1>
18 <p>{user.email}</p>
19 </div>
20 );
21}