Comment déployer un projet v0 sur votre propre serveur
Pour déployer un projet v0 sur votre propre serveur, connectez-le à GitHub depuis les réglages de v0, recopiez ses variables d'environnement et donnez le dépôt au panneau Coolify de votre serveur. v0 génère du Next.js par défaut, et Next.js prend en charge toutes ses fonctionnalités sur un serveur Node.js. La documentation de v0 indique aussi que vous pouvez exporter votre code et le déployer ailleurs.
Vous avez un projet Next.js ordinaire avec React, TypeScript, Tailwind et shadcn/ui, et Next.js est le type de projet que nous avons le plus testé avec Coolify sur un vrai serveur. Deux points demandent de l'attention : la façon dont v0 utilise les branches, et les variables que ses intégrations ajoutent.
Comment sortir le code de v0 ?
- Dans le projet, ouvrez le Project menu (
...), allez à Settings et GitHub, puis appuyez sur Connect. - Choisissez le compte qui sera propriétaire du dépôt sous Git Scope et renseignez Repository Name.
- Appuyez sur Create Repository. v0 crée un dépôt privé et y pousse le code actuel.
Selon la documentation de v0, ce dépôt est désormais la source de vérité : le supprimer peut faire perdre le code. Si vous n'avez besoin que de quelques fichiers, Download file dans l'onglet Code enregistre le fichier ouvert. Pour un projet entier, GitHub est la voie propre.
Pourquoi les branches comptent-elles ?
v0 n'écrit jamais directement sur main. Chaque conversation crée une branche de travail comme v0/main-abc123, le code généré y va, et il arrive sur main par une pull request. Votre serveur surveille main : la règle est donc simple, ce qui est fusionné passe en ligne.
- Pour mettre à jour votre serveur, fusionnez sur GitHub la pull request de la branche de travail.
- Le bouton Publish de v0 fusionne aussi la pull request, mais il lance en plus le déploiement propre à v0. Fusionnez sur GitHub si vous voulez seulement mettre à jour le serveur.
- Laissez le travail sur la branche pendant que vous expérimentez, et votre serveur n'est pas touché.
Pas à pas
- Choisissez une taille sur la page VPS Next.js et commandez le serveur.
- Dans v0, notez les noms des variables sous Project menu, Settings, Environment Variables. Les intégrations y ajoutent les leurs. Récupérez toute valeur que vous ne voyez pas dans le tableau de bord propre à ce service.
- Clonez le dépôt avec
git cloneet ouvrez le dossier dans un outil de code comme Claude Code ou Cursor. - Copiez la ligne Collez dans votre outil d'IA de l'onglet Vue d'ensemble de votre panneau Seturack, collez-la et fournissez les variables. L'outil lit les instructions et déploie, en ajoutant une clé de déploiement en lecture seule au dépôt privé.
- Quand l'adresse HTTPS arrive, testez les pages, la connexion et l'écriture de données.
- Faites pointer un enregistrement A vers l'adresse IP du serveur et indiquez le nom de domaine à l'outil. Le certificat est émis automatiquement.
- Demandez à l'outil de déployer à chaque push. Chaque modification fusionnée dans
mainest alors compilée sur le serveur.
Les étapes pour le faire à la main figurent dans notre guide Next.js. Vous avez l'accès root, et vous pouvez tout gérer depuis le panneau si vous préférez.
Deux détails sur les variables
Les variables commençant par NEXT_PUBLIC_ sont écrites dans le code du navigateur pendant la compilation : gardez-les donc disponibles à la compilation dans Coolify et redéployez quand l'une d'elles change. Ne donnez jamais ce préfixe aux clés de modèle ou de paiement. Si le code contient localhost ou une adresse d'aperçu v0, remplacez-la par la vôtre.
Ce qui marche sur votre propre serveur, et ce qui change
| Élément | État | Ce qu'il faut faire |
|---|---|---|
| Composants serveur, routes d'API, server actions | Fonctionnent avec next start | Rien |
next/image | La documentation de Next.js indique qu'il n'a besoin d'aucune configuration | Les images sont traitées sur votre serveur : surveillez donc la taille si vous en avez beaucoup |
| Cache et ISR | Fonctionnent d'eux-mêmes sur un seul serveur avec un disque local | Plusieurs copies devraient partager le cache |
| Composant d'analytique | S'appuie sur des routes propres à la plateforme de l'éditeur | Retirez-le et utilisez votre propre analytique |
| Intégrations de bases de données | Des services distincts, joints avec une adresse et une clé | Reprenez les variables. Si la facturation passe par le compte de l'éditeur, récupérez vos données avant de le fermer |
| Intégration de stockage de fichiers | Joignable depuis un autre serveur avec un jeton en lecture-écriture | Définissez le jeton, ou déplacez les fichiers sur votre serveur |
Parcourez package.json pour repérer les paquets propres à une plateforme, ou demandez à votre outil de code : « Qu'est-ce qui, dans ce projet, dépend d'une plateforme d'hébergement particulière ? »
Questions fréquentes
De combien de RAM un projet v0 a-t-il besoin ?
Avec Next.js, c'est la compilation qui fixe le besoin. Un petit projet s'est compilé avec 2 Go, tandis qu'un gros projet de 85 paquets a manqué de mémoire avec 2 Go et s'est compilé avec 4 Go. C'est pourquoi la page de vente recommande au moins 4 Go de RAM, 2 vCores et 40 Go de disque. Si une compilation échoue, augmentez la taille depuis votre panneau.
Combien cela coûte-t-il par mois ?
La taille minimale recommandée coûte environ $6 par mois (TVA incluse), et hors de Turquie, vous payez en dollars américains. La sauvegarde quotidienne est incluse dans le prix et le trafic est illimité. Pour comparer avec l'hébergement facturé à l'usage, voyez comment faire le calcul. Votre abonnement v0 est à part.
Comment raccorder mon domaine ?
Faites pointer un enregistrement A vers l'adresse IP du serveur, ajoutez le domaine à l'application et déployez à nouveau. Le certificat est émis automatiquement. Notre article d'aide traite de l'enregistrement. Si le domaine est en ligne ailleurs aujourd'hui, testez d'abord sur l'adresse temporaire et basculez l'enregistrement en dernier.
Puis-je continuer à travailler dans v0 ?
Oui. Tant que le dépôt reste connecté, v0 continue d'écrire sur des branches de travail, et votre serveur se met à jour au fil de vos fusions. Vous pouvez aussi travailler dans le même dépôt depuis Cursor ou Claude Code, ce que décrit la documentation de v0.
Puis-je déplacer la base de données sur mon propre serveur ?
Oui. Pour un projet PostgreSQL, vous pouvez créer une base de données dans Coolify sur le même serveur et y charger vos données, et elle reste fermée à l'extérieur. Si le projet utilise Supabase, vous aurez aussi besoin de ses services de connexion et de fichiers : VPS Supabase convient alors mieux.
Commentaires0
Pas encore de commentaire
Soyez le premier à partager votre avis.
Veuillez vous connecter ou vous inscrire pour laisser un commentaire.