veilletech.fr
29 sept. Feed du jour
#05 FRONT Article

Vinext 1.0 : Next.js sur Vite, prêt pour la prod

Le cache se remplit avant que le premier visiteur arrive.

Vinext, la réimplémentation de Next.js sur Vite lancée par Cloudflare en février, passe en 1.0 : App Router et Pages Router, Server Components, ISR et revalidation, déployables sur Workers, Netlify ou AWS Lambda. La nouveauté marquante est le cache chaud, qui rend les pages sur une version déployée à 0 % du trafic avant de la promouvoir. Les Cache Components de Next.js 16 restent partiellement couverts.

3 min de lectureintermédiairevidéo 1:17
Partager
Sommaire6 sections
  1. Ce qui se passe
  2. Ce que couvre la 1.0
  3. Le cache chaud
  4. Les limites
  5. Comment s'y prendre
  6. À retenir

Ce qui se passe

En février, Vinext était une expérience : un ingénieur de Cloudflare et un agent de code avaient passé une semaine à reproduire Next.js au-dessus de Vite. Sept mois plus tard, le projet sort en 1.0 et Cloudflare le présente comme prêt pour la production, déjà utilisé par des clients sur des applications à fort trafic. Le but : prendre une application Next.js existante et la déployer ailleurs, sur Cloudflare Workers (offre gratuite comprise), Netlify ou AWS Lambda.

Ce que couvre la 1.0

Côté fiabilité, Cloudflare annonce plus de 99 % de compatibilité sur les tests des fonctions les plus demandées, hors Cache Components. La suite de tests de bout en bout de Next.js tourne chaque nuit contre Vinext, et un agent relit chaque matin les commits de la branche canary de Next.js pour ouvrir des tickets sur ce qui pourrait diverger.

Le cache chaud

Prérendre des dizaines de milliers de pages au build coûte des heures, en grande partie pour des pages que presque personne ne visite. Vinext déplace ce travail :

  1. la nouvelle version du Worker est envoyée et déployée à 0 % du trafic de production ;
  2. les pages à prérendre, celles désignées par les primitives Next.js habituelles et celles que Vinext repère comme très visitées, sont demandées à cette version précise ;
  3. une fois le cache rempli, la version est promue.

Le premier visiteur tombe sur un cache chaud, et le build ne rend plus la longue traîne. Cette partie est propre au déploiement sur Cloudflare.

Les limites

Comment s'y prendre

Terminal
# Diagnostic, puis configuration de Vite et du déploiement
npx vinext check && npx vinext init

# Nouveau projet
npm create vinext-app@latest my-app

# Déploiement sur Workers avec cache chaud
npx @vinext/cloudflare deploy --warm-cache

vinext init conserve la structure du projet Next.js. La matrice de compatibilité à jour est sur vinext.dev.

Source : Next.js applications, powered by Vite: introducing Vinext 1.0, Cloudflare, 28 septembre 2026. Code : github.com/cloudflare/vinext.