Tu dois (encore) tout changer dans ton code NextJS 15

Summary

Next.js a récemment annoncé de nombreuses mises à jour dans la version candidate numéro 2 pour Next.js 15, qui sera probablement officiellement lancée le 24 octobre. Parmi les changements majeurs, on trouve l'introduction du mode COD, qui facilite les modifications de code, ainsi qu'une meilleure gestion des actions serveur pour renforcer la sécurité. De plus, un nouveau composant de formulaire a été ajouté pour améliorer la navigation côté client sans recharger la page. Ces améliorations visent à optimiser la performance, réduire les temps de chargement et simplifier la configuration avec TypeScript, rendant Next.js encore plus puissant pour les développeurs.

Takeaways

• 🚀 Next.js 15 a annoncé des changements majeurs avec la candidature 'wheay', qui sera officiellement lancée le 24 octobre lors de la conférence Next.js.
• ⚙️ Le nouveau mode COD permet de modifier le code facilement, rendant le développement plus efficace et adaptable à différents types d'applications.
• ⏩ Turbo Pack est encore en développement et améliore la vitesse, mais il n'est pas encore prêt pour la production avec seulement 96 % des tests passants.
• 🔄 Le rendu asynchrone permet au serveur de gérer les requêtes plus rapidement, réduisant ainsi les temps de chargement en ne faisant pas attendre des données non nécessaires.
• 🔒 Des améliorations de sécurité ont été mises en place pour les actions serveur afin de protéger les méthodes privées accessibles par le client.
• 📊 Un nouvel indicateur de route statique a été ajouté pour aider les développeurs à vérifier le bon fonctionnement des routes.
• 📝 Un nouveau composant de formulaire supporte la navigation côté client et le progrès sans JavaScript, améliorant l'accessibilité.
• 📁 La configuration TypeScript est maintenant prise en charge, facilitant la gestion de la configuration sans avoir besoin d'importations séparées.
• 🔧 La nouvelle fonctionnalité d'instrumentation permet de suivre les performances et de signaler les erreurs, intégrant des outils comme OpenTelemetry.
• ⚡ Des améliorations ont été apportées au contrôle de la génération statique et au processus de construction, rendant le développement plus fluide.

Q & A

Qu'est-ce qu'une wheay candidate dans Next.js ?

Une wheay candidate est une version préliminaire d'une mise à jour officielle, permettant aux développeurs d'expérimenter les nouvelles fonctionnalités avant leur sortie officielle.

Quel est l'objectif des COD modes introduits dans Next.js 15 ?

Les COD modes permettent aux développeurs de modifier leur code de manière dynamique, en s'adaptant aux différents types d'applications en retournant des promesses pour les paramètres et les recherches.

Pourquoi Turbo Pack n'est-il pas encore disponible pour la production ?

Turbo Pack n'est pas encore prêt pour la production car seulement 96 % des tests passent, bien qu'il soit activé pour le développement.

Comment Next.js 15 améliore-t-il le rendu côté serveur ?

Next.js 15 permet désormais de traiter les en-têtes, les cookies et les paramètres de recherche de manière asynchrone, ce qui permet de rendre du contenu sans attendre la requête, améliorant ainsi les temps de chargement.

Quel problème de sécurité a été résolu avec la mise à jour de Next.js 15 ?

Un problème a été résolu où des méthodes privées pouvaient être appelées par le client. Grâce à la directive 'use Server', les actions de serveur non utilisées ne seront plus accessibles, ce qui améliore la sécurité.

Quelle nouvelle fonctionnalité aide les développeurs à identifier les routes statiques ?

Next.js 15 affiche désormais un indicateur lorsque l'on accède à une route statique, permettant aux développeurs de mieux comprendre le type de route qu'ils utilisent.

Qu'est-ce que le composant de formulaire introduit dans Next.js 15 permet de faire ?

Le nouveau composant de formulaire permet une navigation côté client et améliore l'expérience utilisateur en permettant au formulaire de fonctionner sans JavaScript par défaut.

Comment Next.js 15 prend-il en charge TypeScript ?

Next.js 15 permet désormais d'utiliser la configuration directement en TypeScript sans nécessiter d'importations spécifiques, simplifiant ainsi le processus de configuration.

Quel est le rôle du fichier instrumentation.js dans Next.js 15 ?

Le fichier instrumentation.js permet de connecter Next.js au cycle de vie de l'application pour surveiller les performances et suivre les erreurs, facilitant l'intégration avec des outils comme Sentry.

Comment Next.js 15 améliore-t-il la génération de pages statiques ?

Next.js 15 génère maintenant chaque page une seule fois, ce qui réduit le temps de rendu et améliore la performance des processus de construction.