Cloudflare lance Vinext 1.0 pour exécuter des applications Next.js sur de nouvelles plateformes web

Cloudflare a publié Vinext 1.0, un framework basé sur Vite conçu pour exécuter des applications Next.js existantes sur diverses plateformes web, incluant Cloudflare Workers, Netlify et AWS Lambda. Cette version cible à la fois l'App Router et le Pages Router, permettant aux équipes de migrer sans modifier la structure de leur projet Next.js actuel.

La compatibilité au cœur des priorités

Vinext 1.0 prend en charge les applications hybrides et met en œuvre les principaux schémas de Next.js, tels que les React Server Components, les Server Actions, les routes API, les gestionnaires de routes, les middlewares et la navigation côté client. Cloudflare indique que la compatibilité pour la plupart des fonctionnalités les plus demandées dépasse désormais 99 %, tout en précisant que ce chiffre reflète ses propres travaux de compatibilité et non un banc d'essai indépendant.

Le framework gère également le rendu côté serveur, le pré-rendu au moment de la compilation, l'exportation statique et l'Incremental Static Regeneration au niveau des pages. Les fonctions de mise en cache partagées fonctionnent à la fois sur les deux routeurs et sur les environnements d'exécution pris en charge, avec un support additionnel pour le cache de Cloudflare Workers.

Migration et déploiement

Les projets existants peuvent être vérifiés et initialisés à l'aide de la commande `npx vinext check` suivie de `npx vinext init`. Les nouvelles applications peuvent démarrer avec `npm create vinext-app@latest my-app`. Selon Cloudflare, ce processus conserve la structure de projet Next.js existante tout en ajoutant Vite et la configuration de déploiement.

Vinext peut exécuter du code serveur dans l'environnement d'exécution workerd de Cloudflare pendant le développement et la production, permettant aux applications d'accéder aux liaisons Workers telles que l'optimisation d'images et Hyperdrive. Le framework est également conçu pour fonctionner sur d'autres plateformes web, bien que la source détaille particulièrement son comportement de déploiement sur Cloudflare Workers.

Préchauffage du cache pour les grands sites

Un nouveau processus de préchauffage du cache déplace le rendu de certaines pages de la machine de build vers le réseau de Cloudflare. Il peut exploiter les primitives de génération de routes de Next.js et identifier les pages à fort trafic avant le déploiement en production, puis alimenter les caches sur une version de Worker ne recevant aucun trafic réel avant sa promotion.

Cette approche s'adresse aux sites dotés d'ensembles d'URL très vastes, pour lesquels le pré-rendu de chaque page possible lors d'une compilation peut s'avérer très chronophage. Elle dépend du processus de déploiement de Cloudflare et ne se substitue pas de manière générale à l'ensemble du rendu au moment de la compilation.

Une limite déclarée

Vinext ne propose qu'un support limité pour la directive `use cache` associée aux composants de cache de Next.js. Cloudflare affirme que l'amélioration de cette compatibilité figure sur sa feuille de route, mais que les efforts de développement actuels se concentrent sur le comportement des routeurs, la mise en cache, le déploiement et d'autres aspects essentiels de la compatibilité.

Illustration éditoriale générée par IA ; ce n’est pas une photographie documentaire.

Source: Next.js applications, powered by Vite: introducing Vinext 1.0