Next.js 15 : une RC prometteuse pour les développeurs

Voilà, les développeurs front-end peuvent se réjouir ! Next.js 15, l’ultime Release Candidate du framework JavaScript de Vercel, est enfin disponible pour être testée dans les moindres recoins. Et croyez-moi, cette nouvelle mouture réserve son lot de surprises alléchantes, notamment le support tant attendu de React 19 et son compilateur expérimental. Prêts à découvrir les autres nouveautés ? Alors, accrochez-vous bien !

Le support de React 19 et son compilateur sperimentale

La star de cette nouvelle version est sans conteste le support du compilateur expérimental de React 19. Et laissez-moi vous dire que cette petite merveille promet d’optimiser votre code comme jamais auparavant. Comment, me direz-vous ? Eh bien, grâce à une optimisation quasi automatique de votre code, vous n’aurez plus à vous arracher les cheveux pour y parvenir (bon, sauf si vous êtes déjà chauve, mais vous m’avez compris).

L’équipe de Next.js affirme que le compilateur de React 19 « devrait offrir un bénéfice significatif en termes d’optimisation du code, en grande partie de manière automatique. »

Autrement dit, fini les nuits blanches à optimiser manuellement chaque ligne de code. Le compilateur se chargera de cette tâche ingrate pour vous, vous permettant ainsi de vous concentrer sur des aspects plus fun du développement (comme coder de nouveaux jeux vidéo, par exemple 🕹️).

Les améliorations du prerendering parziale e incrementale

Mais ce n’est pas tout ! Next.js 15 apporte également son lot d’améliorations concernant le prerendering parziale e incrementale, une fonctionnalité expérimentale introduite dans la version 14. Pour les non-initiés (oui, je sais, il y en a encore), le prerendering partiel permet d’envoyer instantanément le markup HTML statique au client, puis de le peupler progressivement avec du contenu dynamique.

L’avantage ? Un chargement ultra-rapide des pages, même sur les connexions les plus poussives (genre quand vous êtes en vacances au fin fond de la Sibérie et que le Wi-Fi local a des airs de modem 56k). Bref, une vraie bénédiction pour l’expérience utilisateur !

Le caching désactivé par défaut et comment le réactiver

Autre nouveauté de taille : le caching sera désormais désactivé par défaut dans Next.js 15. Pourquoi, me direz-vous ? Eh bien, l’équipe de développement considère que cette fonctionnalité n’est pas toujours nécessaire et peut même parfois causer plus de problèmes que de bénéfices.

Cependant, rassurez-vous, les développeurs auront toujours la possibilité de réactiver le caching s’ils en ressentent le besoin.

Après tout, chaque projet est unique, et il est important de laisser aux développeurs la liberté d’ajuster les paramètres selon leurs besoins spécifiques.

Le nouvel istruction create-next-app et Turbopack

Mais attendez, ce n’est pas tout ! Next.js 15 nous réserve encore d’autres surprises, comme une nouvelle version de l’instruction `create-next-app` (utilisée pour créer rapidement le squelette de base d’une application Next.js). Cette fois-ci, elle s’appuie sur la puissance de Turbopack, un outil développé par Vercel pour maximiser les performances en remplacement de Webpack.

Eh oui, on dirait bien que les développeurs de Next.js ont décidé de mettre les bouchées doubles pour nous offrir une expérience de développement toujours plus fluide et agréable. Après tout, qui n’aime pas un peu de vitesse supplémentaire dans son workflow ? (À moins que vous ne soyez adeptes de la lenteur, auquel cas, je vous conseille de rester loin de cette nouveauté.)

La fonction next/after et son utilisation

Enfin, last but not least, Next.js 15 nous offre une nouvelle fonctionnalité plutôt cool : `next/after`. Cette petite merveille vous permet de définir une fonction à exécuter juste après qu’une réponse a été envoyée en streaming. Vous pouvez l’utiliser dans vos composants serveur, leurs actions, vos middlewares et même vos gestionnaires de routes.

Alors, pourquoi est-ce si pratique, me direz-vous ? Eh bien, imaginez que vous vouliez effectuer une tâche supplémentaire après avoir envoyé la réponse initiale, comme mettre à jour une base de données ou envoyer une notification. Avec `next/after`, vous pouvez le faire de manière élégante et efficace, sans avoir à vous soucier des détails techniques fastidieux.

Bref, une fonctionnalité qui pourrait bien simplifier la vie de nombreux développeurs, non ?