Lovable déploiement de l'application
Déployer une application créée avec Lovable en production.
Conservez le code source généré dans Lovable, synchronisez-le avec GitHub et transférez-le dans un espace de travail Adios pour une véritable compilation de production, un aperçu, des diagnostics et une mise en production soumise à approbation.
Du code source à la production
- 01Code source Lovable
- 02Espace de travail Adios
- 03Compilation + aperçu + journaux
- 04Approbation humaine de la mise en production
La production reste séparée du travail de préparation de l’agent jusqu’à votre approbation de la mise en production.
Source
Fichiers et configuration vérifiables
Aperçu
Vérifié avant la production
Preuves
Résultats de compilation et journaux d’exécution
Contrôle
Étape d’approbation humaine
Projets déployables
Conservez l’application générée. Ajoutez le contrat de production.
Adios utilise le code source du projet et les commandes habituelles de son framework. Il ne nécessite pas de régénérer l’application dans un format propriétaire.
- Applications web React et Vite créées avec Lovable
- Frontends connectés à Supabase
- Applications Web qui appellent des API externes
- Projets nécessitant des domaines personnalisés, des secrets et des journaux d'exécution
Transfert du code source via GitHub
Transférez le code source Lovable, pas seulement l’aperçu.
Connectez le projet Lovable à GitHub depuis Settings → Connectors → GitHub. Lovable crée et synchronise le dépôt ; Adios peut ensuite s’appuyer sur cet historique durable du code source plutôt que sur un artefact compilé copié.
Projet Lovable
→ Settings → Connectors → GitHub
→ Dépôt GitHub synchronisé
→ Espace de travail AdiosExemple de prompt pour l’agent
Demandez une version vérifiée, pas seulement une commande de déploiement.
Utilisez ce prompt dans l’espace de travail IA Adios après la synchronisation du projet Lovable avec GitHub.
“Importez ce dépôt Lovable dans un espace de travail Adios. Examinez la compilation Vite ou React, identifiez toutes les variables d’environnement requises côté public et côté serveur, créez adios.yaml, lancez une compilation de production, ouvrez un aperçu et signalez toute modification du code source ou de la configuration avant l’approbation de la mise en production.”
Configuration vérifiable
L'agent écrit comment l'application devrait fonctionner.
Le manifeste doit correspondre exactement au dépôt. Cet exemple définit explicitement une compilation Node.js de production classique, un port et un endpoint de contrôle de santé, afin de rendre la mise en production vérifiable et reproductible.
Comprendre le fonctionnement d’adios.yamlname: vibe-app
region: de
build_cmd: npm ci && npm run build
start_cmd: npm start
runtime:
name: node@24
port: 3000
health_path: /api/healthDu code source à la mise en production
Cinq contrôles entre le code généré et la production.
- 01
Examiner le code source du projet
Identifiez le framework, le gestionnaire de packages, les fichiers compilés, la commande de démarrage, le port attendu, les variables d’environnement et les services avec état avant de créer une version.
- 02
Rendre le contrat d'exécution visible
Rédigez ou mettez à jour adios.yaml afin que la commande de compilation, la commande de démarrage, l’environnement d’exécution, le port, le contrôle de santé, les secrets et les ressources managées puissent être examinés avec le code.
- 03
Compiler et ouvrir un aperçu
Lancez la compilation de production dans un espace de travail isolé, démarrez l’application et examinez une URL d’aperçu avant de considérer le projet comme déployable.
- 04
Lire les journaux et corriger les échecs
Utilisez les résultats de compilation, les journaux d’exécution et le chemin de contrôle de santé configuré pour diagnostiquer les échecs. Corrigez le code source, puis recompilez le même projet plutôt que de modifier manuellement la production.
- 05
Examiner et approuver la mise en production
Vérifiez le diff final du code source, la configuration, l’aperçu et le résultat des contrôles de santé. Une personne approuve le déploiement en production une fois que l’agent a préparé une version opérationnelle.
En cas d’échec de compilation
Donnez à l’agent des éléments concrets sur lesquels agir.
Un aperçu Lovable peut masquer des hypothèses qui apparaissent lors d’une compilation de production depuis un environnement propre, comme des variables d’environnement manquantes ou un fallback de routage côté client. Adios réunit l’échec, la modification du code source et l’aperçu recompilé dans un même parcours vérifiable.
compilation · échec
↓ examiner les résultats
source + adios.yaml · mise à jour
↓ recompiler et vérifier la santé
aperçu · opérationnel
↓ vérification humaine
production · prête à l'approbation
Déploiement du framework
Adaptez l’environnement d’exécution au projet généré.
Déployer React
Vite et autres frontends React servis comme applications statiques ou avec un serveur Node.js.
Ouvrir le guide de l’environnement d’exécutionDéployer Next.js
Routes rendues côté serveur, gestionnaires de routes, fichiers statiques et applications Node.js persistantes.
Ouvrir le guide de l’environnement d’exécutionDéployer Postgres
Données relationnelles managées pour les applications nécessitant un état durable et une chaîne de connexion privée.
Ouvrir le guide de l’environnement d’exécutionFAQ
Déployer des applications créées avec Lovable sur Adios.
Adios importe-t-il directement un projet Lovable ?
Le transfert fiable repose sur le code source du projet dans GitHub. Connectez Lovable à GitHub, laissez-le synchroniser le dépôt et utilisez ce dépôt comme source de l’espace de travail et du déploiement Adios.
Puis-je continuer à modifier dans Lovable après la connexion à GitHub ?
Lovable documente une synchronisation GitHub bidirectionnelle pour les projets connectés. Coordonnez soigneusement les branches et les commits afin que les modifications effectuées dans Lovable, localement ou dans un espace de travail Adios ne s’écrasent pas mutuellement.
Adios déploie-t-il uniquement des applications Next.js ?
Non. Adios prend en charge des commandes explicites de compilation et de démarrage pour les projets courants frontend, full-stack, API, workers et applications utilisant des données. Le framework détecté modifie le contrat d’exécution ; le parcours du code source à l’aperçu, puis à la production, reste cohérent.
L’agent IA peut-il déployer en production sans approbation ?
Non. L’agent peut préparer le code source, la configuration, les compilations, les aperçus et les diagnostics, mais le passage en production est soumis à approbation pour qu’une personne puisse d’abord examiner la version.
Que se passe-t-il si la compilation de production échoue ?
Les résultats de compilation et les journaux d’exécution restent disponibles dans l’espace de travail. L’agent peut s’appuyer sur ces éléments pour modifier le code source ou la configuration et lancer une nouvelle compilation avant de demander l’approbation de la mise en production.
Outils de vibe coding
Déployez une application issue d’un autre outil de programmation avec l’IA.
Du code source à une version opérationnelle
Laissez Lovable préparer le déploiement. Gardez la décision de mise en production.
Partez du code source dont vous disposez, vérifiez-le dans un aperçu Adios et ne promouvez que la version que vous avez examinée.
Créer un espace de travail gratuit