Si vous développez avec Next.js, vous connaissez ses forces, mais aussi ses frustrations : des builds parfois lents, des bundles volumineux et un écosystème qui peut sembler verrouillé. Vinext prend le parti de (presque) tout réimplémenter — routing, server rendering, React Server Components, server actions, middleware — en tant que plugin Vite.

Concrètement, votre code Next.js existant doit fonctionner tel quel. Vos dossiers app/ et pages/, votre next.config.js : tout devrait être compatible. Il suffit de remplacer next par vinext dans vos scripts. Si Cloudflare met naturellement en avant le déploiement sur Workers, Vinext n'est pas lié à leur infrastructure. 95% du code est du pur Vite. La commande vinext start lance un serveur Node.js standard, déployable partout. Y compris sur notre plateforme.

Déployer Vinext sur Clever Cloud : un jeu d'enfant

En effet, vous n'avez pas d'adaptation particulière à faire, il suffit de disposer d'une application au sein d'un dépôt local Git, ou d'un compte GitHub lié à votre compte Clever Cloud et de pousser son code dans une application Node.js/Bun. Dans notre exemple, nous avons d'ailleurs utilisé ce dernier, qui est automatiquement détecté et utilisé.

Ainsi, si vous disposez des Clever Tools et de Git sur votre machine, il vous suffit de :

# Récupérer le dépôt d'exemple
git clone https://github.com/CleverCloud/vinext-example 
cd vinext-example

# Créer l'application, la déployer, l'ouvrir dans votre navigateur
clever create -t node 
clever deploy 
clever open

Rien de plus ! Vous disposez d'une application avec tout une instance configurée et à jour, un domaine et son certificat configuré. Vous pouvez bien entendu en changer aisément, et même en quelques paramètres, commandes ou clics dans notre Console déployer cette application dans d'autres pays à travers les infrastructures de nos partenaires tels que Ionos ou OVHcloud, modifier le nombre ou la taille des instances, etc.

Une application créée et déployée avec l'IA

L'un des objectifs de ce projet était également de voir à quel point nous pouvions faire réaliser et déployer cette application à un outil tel que Claude Code en lui fournissant seulement quelques éléments : le billet de blog d'annonce de Vinext et la documentation du déploiement Node.js/Bun chez Clever Cloud.

Et cela s'est globalement bien passé. Entre le prompt initial et la première mise en production de l'application, seulement quelques minutes se sont écoulées.

Bien entendu, tout n'a pas été parfait : Claude ne connaissant pas Vinext, il avait au départ ajouté Next.js comme dépendance au projet, nous avons du lui demander de le retirer. Et nous lui avons également suggéré une optimisation pour le lancement de la commande de build, qu'il lançait avec le hook de pre-run au lieu du post-build (juste après le téléchargement des dépendances). Nous l'avons finalement définie en script post-install dans le package.json. Ce changement nous permet de disposer de l'application complète dans le cache de build, et donc de démarrer une application complète, isolée dans une machine virtuelle, en 15/20 secondes (30/40 secondes avec le build).

Pour le reste, Claude Code a lu et analysé la documentation fournie, créé le projet, identifié les bonnes options des Clever Tools pour la création de l'application, puis itéré sur le design de la page de démo selon nos recommandations.

Le tout dans une conversation interactive où chaque choix pouvait être discuté et ajusté. L'IA propose, le développeur décide, c'est un travail d'équipe, facilité par la large compatibilité et la vélocité de la plateforme Clever Cloud. Même une partie de ce billet de blog a été rédigé ainsi. Devinerez-vous laquelle ?

Envie d'essayer ?

Même dans sa version 0.0.5, le projet Vinext est prometteur. Le build est rapide, le déploiement fonctionne, reste à mettre au défi la compatibilité Next.js afin de vérifier qu'elle est réellement au rendez-vous, au-delà du cas d'une application simple. Le projet est expérimental, mais il mérite d'être suivi de près.

Le déploiement sur Clever Cloud est immédiat. Une variable d'environnement pour le build, la détection automatique de Bun, et c'est en production. Pas de Dockerfile, pas de pipeline CI/CD à configurer. Si votre application écoute sur le port 8080, elle tourne. Vous pouvez même lui ajouter du cache Varnish, de l'authentification, ou autre via le Request Flow.

L'IA accélère l'exploration. Face à une technologie qui vient de sortir, avoir un assistant capable de lire la documentation, écrire le code et piloter le déploiement en temps réel, aide à créer des preuves de concept (PoC) et autres premières itération. Nous avons mis en place de nombreuses initiatives pour faciliter cela, de notre documentation servie en Markdown automatiquement, avec un LLMs.txt, une Skill et une doc de référence pour les Clever Tools. N'hésitez pas à explorer ces possibilités et à nous faire nos retours, cela nous permettra de continuer à améliorer Clever Cloud et faciliter la vie des développeurs, selon leurs besoins.

Le code source de la démonstration utilisée dans ce projet est disponible sur GitHub. Si vous avez des questions, notre équipe est disponible pour vous accompagner.