Next.js 16 : Turbopack stable, Cache Components et React 19.2

Next.js 16 est disponible

Vercel a publi Next.js 16 en octobre 2025, apportant des changements majeurs dans l'architecture du framework. Voici les points cls de cette version.

Turbopack est enfin stable

Aprs plusieurs annes en beta, Turbopack devient le bundler par dfaut pour toutes les applications. Les gains sont significatifs :

• Jusqu' 5-10x plus rapide sur le Fast Refresh
• 2-5x plus rapide sur les builds
• Cache fichier systme en beta pour des dmarrages encore plus rapides

Cache Components : un nouveau modle de cache

Les Cache Components introduisent une approche entirement opt-in du cache, en opposition l'ancien systme implicite de l'App Router.

// Exemple d'utilisation
"use cache"
export async function MyComponent() {
  const data = await fetchData()
  return <div>{data}</div>
}
\```

Par dfaut, tout le code dynamique s'excute au moment de la requte, ce qui aligne Next.js avec le comportement attendu d'un framework full-stack.

### React 19.2 intgr

Next.js 16 embarque **React 19.2** avec de nouvelles fonctionnalits :

| Fonctionnalit | Description |
|---|---|
| View Transitions | Animer les lments lors de la navigation |
| useEffectEvent | Extraire la logique non-ractive des Effects |
| Activity | Masquer du contenu avec `display: none` tout en conservant l'tat |

### React Compiler stable

Le **React Compiler** passe en stable. Il mmose automatiquement les composants sans aucune modification de code.
````json
// next.config.ts
{
  "reactCompiler": true
}
\```

### Mise  jour
```bash
npx @next/codemod@canary upgrade latest
```

>  Attention aux **breaking changes** : les `params` sont dsormais asynchrones, certaines valeurs par dfaut des images ont chang.

---

*Source : [nextjs.org/blog/next-16](https://nextjs.org/blog/next-16)*
````