Comment réimplémenter Next.js avec l’IA en une semaine

(blog.cloudflare.com)

4 points par GN⁺ 2026-02-25 | Aucun commentaire pour le moment. | Partager sur WhatsApp

vinext est un framework compatible Next.js créé en une semaine par une IA et un seul ingénieur, basé sur Vite et déployable sur Cloudflare Workers avec une simple commande
La vitesse de build est jusqu’à 4,4 fois plus rapide, et la taille du bundle client est réduite de 57 %, tout en réutilisant à l’identique la structure de répertoires et la configuration des projets Next.js existants
Conçu pour Cloudflare Workers, il prend en charge des fonctionnalités de pré-rendu basé sur le trafic comme le cache ISR basé sur KV et le Traffic-aware Pre-Rendering
La majeure partie du code a été écrite par l’IA, avec plus de 1 700 tests et des revues de code automatisées pour garantir la qualité
Ce projet est un exemple montrant que l’IA a atteint un niveau où elle peut réimplémenter des frameworks complexes, et il suggère de possibles évolutions futures dans la structure du développement logiciel

Limites de déploiement de Next.js et constat du problème

Next.js est l’un des principaux frameworks basés sur React, mais le déploiement en environnement serverless nécessite un processus complexe de transformation de la sortie de build
- Pour déployer sur Cloudflare, Netlify, AWS Lambda, etc., il faut restructurer le résultat de build Turbopack de Next.js selon chaque plateforme
OpenNext a tenté de résoudre ce problème, mais la nécessité d’effectuer de la rétro-ingénierie sur la sortie de build de Next.js a entraîné une instabilité structurelle selon les versions
Une API d’adaptateur pour Next.js est en cours de développement, mais la structure du serveur de développement, dédiée à Node.js, rend les tests d’API spécifiques à chaque plateforme difficiles

vinext est un framework alternatif qui réimplémente directement l’API de Next.js au-dessus de Vite
- Après npm install vinext, il suffit de remplacer la commande next par vinext pour exécuter le projet existant tel quel
- Les commandes vinext dev, vinext build et vinext deploy unifient développement, build et déploiement
Les principales fonctionnalités de Next.js, comme le routage, le rendu côté serveur, les React Server Components, les Server Actions, le cache et les middlewares, sont implémentées sous forme de plugins Vite
Il génère des sorties de build indépendantes de la plateforme grâce à la Vite Environment API

Comparaison avec Next.js 16 sur la même application comportant 33 routes
- Temps de build : vinext (Vite 8/Rolldown) 1,67 s → 4,4 fois plus rapide que Next.js
- Taille du bundle client : 72,9 KB → 57 % plus petite que Next.js
Les tests ont été effectués sur GitHub CI et mesurent uniquement la vitesse de compilation et de bundling
Rolldown, le bundler basé sur Rust de Vite 8, contribue à l’amélioration des performances de build

La commande vinext deploy exécute automatiquement le build et le déploiement
- Prise en charge de l’App Router comme du Pages Router, avec l’hydratation côté client et la gestion d’état
Un gestionnaire de cache Cloudflare KV fournit nativement l’ISR (Incremental Static Regeneration)
- Le backend de cache peut être remplacé et étendu à R2 ou à la Cache API
Des exemples fonctionnels réels sont publiés, dont un App Router Playground et un clone de Hacker News

Cette approche améliore l’inefficacité du pré-rendu statique basé sur generateStaticParams() dans Next.js
En s’appuyant sur les données de trafic de Cloudflare, elle pré-rend uniquement les pages les plus visitées au cours des dernières 24 heures
- Exemple : sur 100 000 pages, seules 184 pages (90 % du trafic total) sont rendues en 8,3 secondes
Les autres pages utilisent du SSR à la demande, puis une mise en cache ISR, avec une mise à jour automatique à chaque déploiement selon les schémas de trafic

La majeure partie du code du projet a été écrite par l’IA, pour un coût total d’environ 1 100 $
Le projet atteint 94 % de compatibilité avec l’API Next.js en validant 1 700 tests Vitest et 380 tests Playwright
Processus de développement
- L’IA implémente les fonctionnalités et rédige les tests → exécute les tests → en cas d’échec, elle réessaie après retour sur les erreurs
- L’agent IA effectue aussi automatiquement la revue et la correction du code, tandis que l’humain se limite à piloter l’orientation et la structure
Plus de 800 sessions ont été réalisées dans OpenCode, avec utilisation des modèles Claude

Grâce à la documentation claire de Next.js et à son vaste jeu de tests, l’IA a pu apprendre avec précision
L’architecture de build stable de Vite a servi de fondation
Les modèles d’IA récents ont atteint un niveau leur permettant de maintenir une cohérence structurelle sur de vastes bases de code et de raisonner sur les interactions entre modules

Les architectures de frameworks en couches existaient en grande partie pour compenser les limites cognitives humaines
Comme l’IA peut comprendre l’ensemble du système dans son contexte et écrire directement le code, le besoin de couches d’abstraction intermédiaires diminue
vinext est un cas concret montrant que l’IA peut finaliser un framework complexe à partir de simples spécifications et d’outils de base

Environ 95 % de vinext est constitué de code Vite indépendant de Cloudflare, ce qui permet aussi son usage sur d’autres plateformes d’hébergement
- Un PoC a été réalisé avec succès sur Vercel en 30 minutes
Le projet est open source, et les PR d’autres plateformes ainsi que l’ajout de nouvelles cibles de déploiement sont bienvenus

vinext est encore à un stade expérimental, et il n’a pas encore été validé sur un trafic à grande échelle
National Design Studio l’utilise déjà en production sur le site gouvernemental CIO.gov, avec des améliorations constatées sur le temps de build et la taille des bundles
Le README précise les fonctionnalités non prises en charge et les limitations connues

Grâce à Agent Skill, les outils d’IA comme Claude Code ou Cursor prennent en charge une migration automatique
- npx skills add cloudflare/vinext → conversion via la commande “migrate this project to vinext”
En manuel, on peut utiliser npx vinext init, vinext dev et vinext deploy
Le code source est disponible sur GitHub dans cloudflare/vinext

Le support de l’équipe Vite et @vitejs/plugin-rsc ont permis d’implémenter les React Server Components
La documentation et la suite de tests de l’équipe Next.js ont constitué une base essentielle au succès du projet