Vinext de Cloudflare : Un framework compatible avec Next.js, construit avec l'IA sur Vite.

Ce qu'est vinext

vinext (prononcé "vee-next") est un remplacement direct pour Next.js construit sur Vite qui se déploie sur Cloudflare Workers avec une seule commande. Un ingénieur et un modèle d'IA l'ont reconstruit de zéro en une semaine pour environ 1 100 $ en tokens.

Le problème de déploiement que vinext résout

Next.js présente des défis de déploiement dans les écosystèmes serverless. Bien que des outils comme OpenNext existent pour adapter la sortie de Next.js à des plateformes comme Cloudflare, Netlify ou AWS Lambda, ils nécessitent de rétro-concevoir la sortie de construction de Next.js, conduisant à des implémentations fragiles qui cassent entre les versions. L'API des adaptateurs de Next.js est encore précoce et ne résout pas les problèmes de temps de développement - next dev s'exécute exclusivement dans Node.js, empêchant le test d'API spécifiques à la plateforme comme Durable Objects, KV ou les liaisons d'IA pendant le développement.

Comment fonctionne vinext

Au lieu d'adapter la sortie de Next.js, vinext réimplémente directement la surface d'API de Next.js sur Vite en tant que plugin. Cela inclut le routage, le rendu serveur, les composants serveur React, les actions serveur, la mise en cache et le middleware. L'API Environnement de Vite permet à la sortie de s'exécuter sur n'importe quelle plateforme.

La configuration est simple :

npm install vinext

Remplacez next par vinext dans vos scripts tout en gardant app/, pages/ et next.config.js inchangés.

Commandes :

• vinext dev - Serveur de développement avec HMR
• vinext build - Construction de production
• vinext deploy - Construire et déployer sur Cloudflare Workers

Benchmarks de performance

Les benchmarks comparent vinext à Next.js 16 en utilisant une application partagée de 33 routes avec App Router, avec la vérification de type TypeScript et ESLint désactivées dans la construction de Next.js pour correspondre au comportement de Vite.

Temps de construction de production :

• Next.js 16.1.6 (Turbopack) : 7,38s référence
• vinext (Vite 7 / Rollup) : 4,64s (1,6 fois plus rapide)
• vinext (Vite 8 / Rolldown) : 1,67s (4,4 fois plus rapide)

Taille du bundle client (gzippé) :

• Next.js 16.1.6 : 168,9 Ko référence
• vinext (Rollup) : 74,0 Ko (56% plus petit)
• vinext (Rolldown) : 72,9 Ko (57% plus petit)

Ces benchmarks mesurent la vitesse de compilation et de bundling, pas les performances de service en production. Le test utilise une seule application de 33 routes, pas un échantillon représentatif de toutes les applications de production.

Statut actuel

Cloudflare a déjà des clients qui exécutent vinext en production. La méthodologie complète et les résultats historiques sont publics.