Vercel publie Next.js 13 lors de la conférence Next.js

SAN FRANCISCO–(FIL D’AFFAIRES)–Vercel, la plate-forme cloud pour les développeurs frontend, et les créateurs et mainteneurs de Next.js, a annoncé aujourd’hui la sortie de Next.js 13 à Next.js Conf, qui est hébergé par Vercel et a attiré 100 000 inscrits. Le lancement apporte les dernières innovations en matière d’outils JavaScript et d’infrastructure cloud au grand public, où les développeurs peuvent créer librement et exécuter de nouvelles idées qui font avancer tout le monde.

« Il y a six ans, nous avons ouvert Next.js dans le but de créer un framework React sans configuration qui simplifiait l’expérience des développeurs. Avec plus de 2 400 contributeurs, plus de 200 millions de téléchargements et une communauté mondiale de développeurs, c’est incroyable de voir ce que nous avons pu accomplir ensemble », a déclaré le PDG et fondateur de Vercel, Guillermo Rauch. « Notre objectif chez Vercel est de rendre le Web plus rapide en donnant aux développeurs les outils dont ils ont besoin pour créer des expériences que les utilisateurs adorent. Nous prenons les leçons des géants et les mettons à la disposition de tous ceux qui construisent sur le Web.

Next.js est le résultat du travail combiné de milliers de développeurs individuels, de la collaboration avec des partenaires industriels tels que Google et Meta, et de l’équipe Vercel. Avec plus de trois millions de téléchargements npm par semaine et plus de 94 000 étoiles GitHub, Next.js est l’un des moyens les plus populaires de construire le Web.

Aujourd’hui, nous offrons encore plus de fonctionnalités aux développeurs avec Next.js 13 :

Infrastructure du compilateur : Turbopack

Vercel présente Turbopack, le successeur de Webpack. Webpack a été téléchargé plus de 3 milliards de fois et fait désormais partie intégrante du Web. Construit avec le créateur de Webpack, Turbopack est un tout nouveau bundle pour les bases de code JavaScript et TypeScript, écrit en Rust. Conçu aux côtés de l’équipe derrière Turborepo, Turbopack est le premier et le seul système de build pour JavaScript et TypeScript conçu dès le départ pour les builds incrémentiels, à la fois pour le développement et la production.

Infrastructure de routage et de rendu

Introduisant une approche repensée du routage, de la récupération des données et du rendu du serveur, Next.js 13 tient sa promesse d’expédier moins de JavaScript côté client tout en offrant des améliorations substantielles de l’expérience des développeurs. Next.js et Vercel sont les premiers à apporter les composants serveur React, la récupération de données pour Suspense et la prise en charge des mises en page hybrides imbriquées à un framework JavaScript majeur, menant l’industrie avec leur approche innovante pour rendre le Web plus rapide et plus dynamique. Cette nouvelle fonctionnalité a été conçue en tandem avec les avancées de l’infrastructure Vercel, y compris la prise en charge du streaming sur l’ensemble de notre pile de calcul sans serveur, les routes et le rendu de l’API Edge, et de nouvelles stratégies de mise en cache.

Boîte à outils du développeur

Next.js 13 inclut également des mises à jour des composants et des modules de la boîte à outils Next.js qui rendent certaines parties couramment utilisées et nécessaires des sites Web plus rapides, plus faciles et plus fiables pour les développeurs, y compris les images, la police, les scripts et les cartes sociales. . Cela comprendra :

• Prise en charge et fonctionnalités améliorées des polices : Le nouveau module de polices Next.js intégré facilite le travail avec les polices personnalisées et Google, ainsi que la prise en charge qui fait des réseaux de diffusion de contenu de polices (CDN) tiers une relique du passé. Développé en collaboration avec Google, l’utilisation de Google Fonts via ce mécanisme ne partage désormais aucune information sur les visiteurs du site Web avec Google. Il aide également à générer des polices de secours, permettant aux développeurs d’éviter 99 % des changements de mise en page et supprime toute demande de réseau externe pour une confidentialité et des performances améliorées.

• Optimisation d’image améliorée : Next.js 13 inclut une mise à jour du composant , utilisé par plus de 70 % de la communauté Next.js. S’appuyant sur les mises à jour des normes du navigateur, le composant mis à jour est capable de déléguer davantage au navigateur pour des coûts globaux réduits grâce à la possibilité de stocker des images calculées à la périphérie. Lorsqu’il est déployé sur Vercel, le composant Image est automatiquement stocké et optimisé sur le réseau Vercel Edge pour des performances encore meilleures.

• Génération d’images Instant Open Graph (OG) : de Vercel Génération d’images OG est une nouvelle bibliothèque pour générer des images de cartes sociales dynamiques. Cette approche est 5 fois plus rapide que les solutions existantes en utilisant Vercel Edge Functions, WebAssembly et une toute nouvelle bibliothèque principale pour convertir HTML/CSS en SVG.

“Les expériences entièrement dynamiques et personnalisées sans tonnes de JavaScript côté client étaient réservées à quelques grands acteurs de la technologie”, a déclaré le directeur de la technologie de Vercel, Malte Ubl. “Avec Next.js 13, Vercel déverrouille la personnalisation basée sur les données du serveur, permettant aux développeurs de créer des expériences en ligne dynamiques sans limites.”

Pour en savoir plus sur ces avancées transformatrices, visitez notre site Web.

A propos de Vercel : Vercel est la plate-forme pour les développeurs frontend, offrant la vitesse et la fiabilité dont les innovateurs ont besoin pour créer au moment de l’inspiration. En fournissant la boîte à outils que les équipes frontend adorent, Vercel libère le potentiel des développeurs et vous permet de passer d’une idée à une application globale en quelques secondes. Vercel permet à des clients comme Under Armour, Nintendo, The Washington Post et Zapier de créer des expériences utilisateur agréables sur le Web.

— to news.google.com