JavaScript est largement utilisé et bien compris sur les serveurs et dans les navigateurs Web pour permettre des fonctionnalités avancées, mais il n’a généralement pas eu de middleware jusqu’à présent.
La startup de développement Web bien financée Vercel cherche maintenant à faire progresser son framework JavaScript open-source next.js avec sa nouvelle mise à jour de la version 12.2 le 28 juin, qui inclut ce que la société appelle le middleware JavaScript. Le concept de middleware consiste à fournir les fonctionnalités nécessaires à la livraison d’applications d’entreprise, telles que l’autorisation et la localisation géographique.
En plus du middleware, la version open source next.js 12.2 introduit également une fonctionnalité connue sous le nom de régénération statique incrémentielle (ISR) à la demande, qui contribuera à accélérer considérablement la livraison du site Web. Dans le passé, les organisations pouvaient mettre en cache certaines pages de sites Web afin de permettre de meilleures performances, au prix de ne pas toujours disposer des informations les plus à jour. L’ISR à la demande permettra une livraison plus rapide des pages contenant les informations les plus récentes.
Vercel elle-même a accéléré ses efforts de développement au cours de l’année écoulée, en grande partie grâce à un tour de table de 150 millions de dollars annoncé par la société en novembre 2021. La société a levé un total de 313 millions de dollars, avec une valorisation post-money de 2,5 milliards de dollars. . Alors que les entreprises de toutes tailles se sont précipitées pour soutenir les efforts de transformation numérique qui, le plus souvent, impliquent des fonctionnalités avancées d’application de site Web, Vercel et le framework next.js ont été de grands bienfaiteurs.
“Nous avons vu beaucoup de succès avec le commerce électronique, les applications Web mobiles grand public comme TikTok et Twitch, et nous avons vu beaucoup de succès avec les sites Web de voyage, la majorité des meilleurs sites Web de voyage fonctionnant sur next.js”, Guillermo Rauch , fondateur et PDG de Vercel, a déclaré à VentureBeat.
Pourquoi il est temps pour le middleware JavaScript
Un élément clé de la mise à jour next.js 12.2 est la version stable du middleware next.js, qui était en version bêta depuis la première apparition de next.js 12.0 en octobre 2021.
Rauch a expliqué que la raison pour laquelle le terme middleware est utilisé est que la technologie se situe entre la demande de l’utilisateur et le contenu. Il a noté que le middleware next.js permet aux développeurs d’ajouter du code dynamique et du routage dans une requête JavaScript.
“Il vous permet de faire tout ce que vous vous attendez à faire avec d’autres technologies middleware comme l’authentification, l’autorisation, les redirections et les réécritures, ainsi que la personnalisation et le test de nouvelles fonctionnalités”, a déclaré Rauch.
Les intergiciels pour d’autres langages de programmation, tels que Java – qui n’ont aucun rapport avec JavaScript, malgré la similitude des noms – ont souvent nécessité des technologies de serveur distinctes pour fonctionner. En revanche, le middleware next.js n’est qu’un simple fichier qui se trouve sur un serveur Web.
“Vous ajoutez littéralement un seul fichier, middleware.ts, et vous commencez à écrire votre logique”, a déclaré Rauch.
Le fichier middleware.ts est en quelque sorte une évolution du fichier de configuration next.js qui définissait les paramètres de configuration pour un déploiement. Rauch a noté que le fichier de configuration ne fournit que ce qu’il a appelé des options “rudimentaires” telles que des en-têtes personnalisés et des redirections. Avec le middleware, il a déclaré que les développeurs peuvent mettre en place n’importe quelle logique nécessaire à l’exécution d’une application métier.
Apporter le middleware à la périphérie
C’est une chose pour un développeur open source d’intégrer des configurations middleware dans le code d’application, mais c’en est une autre de permettre à cette configuration de s’exécuter dans une approche optimisée.
C’est là que la capacité Edge Middleware de Vercel entre en jeu. Edge Middleware est un service pris en charge commercialement qui exécute next.js sur la plate-forme Vercel pour fournir des performances plus rapides et une latence plus faible.
Vercel est le développeur principal du framework open-source next.js et fournit un service commercial pour le support et la livraison d’applications à grande échelle. Le service Vercel utilise l’infrastructure d’Amazon Web Services (AWS) ainsi que Cloudflare.
Aller au-delà de la mise en cache vers l’ISR à la demande
La mise à jour open-source next.js 12.2 est également remarquable pour son introduction de l’ISR à la demande pour le contenu Web.
Le contenu Web peut être généré dynamiquement par un serveur Web, mais ce processus peut prendre du temps, c’est pourquoi l’utilisation de contenu mis en cache ou statique est souvent préférée pour les applications à fort trafic.
Avec ISR, a expliqué Rauch, le contenu statique est mis à jour lorsqu’il y a une mise à jour correspondante dans les sources de données source pour une application donnée. Avant la mise à jour next.js 12.2, ISR fonctionnait avec des serveurs Web vérifiant périodiquement les mises à jour.
Avec la nouvelle capacité à la demande, une application Web peut informer le serveur via un webhook lorsque les données sont mises à jour, des mises à jour plus rapides avec next.js 12.2 que les versions précédentes du framework JavaScript.
Quelle est la prochaine étape pour next.js ?
La version 12.2 de next.js introduit plusieurs fonctionnalités expérimentales qui montrent les orientations futures possibles de la technologie.
Parmi les fonctionnalités expérimentales figure l’utilisation du Edge Runtime. Rauch a noté que next.js depuis sa création a utilisé le runtime node.js, mais maintenant les utilisateurs ont la possibilité d’utiliser le runtime Edge qui est compatible avec l’initiative WinterCG, qui vise à créer des runtimes interopérables avec le Web pour JavaScript.
“C’est une nouvelle ère d’environnements d’exécution JavaScript optimisés pour le serveur plutôt que pour le navigateur”, a déclaré Rauch. “Edge Runtime est essentiellement un effort pour dire qu’il s’agit de l’implémentation Vercel de WinterCG, et nous allons également ouvrir cet effort.”
La mission de VentureBeat est d’être une place publique numérique permettant aux décideurs techniques d’acquérir des connaissances sur la technologie d’entreprise transformatrice et d’effectuer des transactions. En savoir plus sur l’adhésion.