Lovable distribuzione dell'app
Distribuisci un'app creata con Lovable in produzione.
Conserva il codice sorgente generato in Lovable, sincronizzalo con GitHub e trasferiscilo in uno spazio di lavoro Adios per una vera compilazione di produzione, un'anteprima, la diagnostica e un rilascio soggetto ad approvazione.
Dal codice sorgente alla produzione
- 01codice sorgente Lovable
- 02Spazio di lavoro Adios
- 03Compilazione + anteprima + log
- 04Approvazione umana della produzione
La produzione resta separata dal lavoro di preparazione dell'agente finché non approvi il rilascio.
Codice sorgente
File e configurazione verificabili
Anteprima
Integrità verificata prima della produzione
Prove
Output della compilazione e log di esecuzione
Controllo
Punto di approvazione umana
Progetti pronti per la distribuzione
Mantieni l'app generata. Aggiungi il contratto di produzione.
Adios lavora dal codice sorgente del progetto e dai normali comandi del framework. Non richiede di rigenerare l'app in un formato proprietario.
- Applicazioni web React e Vite create con Lovable
- Frontend collegati a Supabase
- App Web che chiamano API esterne
- Progetti che richiedono domini personalizzati, segreti e log dell'ambiente di esecuzione
Passaggio del codice sorgente tramite GitHub
Trasferisci il codice sorgente di Lovable, non solo l'anteprima.
Collega il progetto Lovable a GitHub da Settings → Connectors → GitHub. Lovable crea e sincronizza il repository; Adios può quindi lavorare da quella cronologia persistente del codice sorgente, anziché da un artefatto di compilazione copiato.
Progetto Lovable
→ Settings → Connectors → GitHub
→ Repository GitHub sincronizzato
→ Spazio di lavoro AdiosEsempio di prompt per l'agente
Chiedi un rilascio verificato, non solo un comando di distribuzione.
Usa questo prompt nello spazio di lavoro IA di Adios dopo che il progetto Lovable è stato sincronizzato con GitHub.
“Importa questo repository Lovable in uno spazio di lavoro Adios. Esamina la compilazione Vite o React, identifica tutte le variabili d'ambiente pubbliche e lato server richieste, crea adios.yaml, esegui una compilazione di produzione, apri un'anteprima e segnala ogni modifica al codice sorgente o alla configurazione prima dell'approvazione per la produzione.”
Configurazione verificabile
L'agente scrive come dovrebbe funzionare l'app.
Il manifesto deve corrispondere esattamente al repository. Questo esempio rende espliciti una normale compilazione Node.js di produzione, la porta e l'endpoint di integrità, così il rilascio può essere verificato e ripetuto.
Scopri come funziona 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/healthWorkflow dal codice sorgente al rilascio
Cinque controlli tra codice generato e produzione.
- 01
Esamina il codice sorgente del progetto
Identifica framework, gestore di pacchetti, output della compilazione, comando di avvio, porta prevista, variabili d'ambiente ed eventuali servizi con stato persistente prima di creare un rilascio.
- 02
Rendi visibile il contratto dell'ambiente di esecuzione
Scrivi o aggiorna adios.yaml affinché comando di compilazione, comando di avvio, ambiente di esecuzione, porta, controllo di integrità, segreti e risorse gestite possano essere esaminati insieme al codice.
- 03
Compila e apri un'anteprima
Esegui la compilazione di produzione in uno spazio di lavoro isolato, avvia l'applicazione ed esamina un URL di anteprima prima di considerare il progetto pronto per la distribuzione.
- 04
Leggi i log e correggi gli errori
Usa l'output di compilazione, i log dell'ambiente di esecuzione e il percorso del controllo di integrità configurato per diagnosticare gli errori. Applica la correzione al codice sorgente, poi ricompila lo stesso progetto anziché modificare a mano la produzione.
- 05
Rivedi e approva la produzione
Controlla il diff finale del codice sorgente, la configurazione, l'anteprima e il risultato del controllo di integrità. Una persona approva la distribuzione in produzione dopo che l'agente ha preparato un rilascio con integrità verificata.
Quando la compilazione fallisce
Fornisci all'agente evidenze su cui può agire.
Un'anteprima di Lovable può nascondere presupposti che emergono durante una compilazione di produzione da zero, come variabili d'ambiente mancanti o un fallback per il routing lato client. Adios mantiene errore, modifica al codice sorgente e nuova anteprima nello stesso workflow che puoi rivedere.
compilazione · fallita
↓ esamina l'output
codice sorgente + adios.yaml · aggiornati
↓ ricompilazione e controllo di integrità
anteprima · integrità verificata
↓ revisione umana
produzione · pronta per l'approvazione
Distribuzione del framework
Associa il progetto generato al suo ambiente di esecuzione.
Distribuisci React
Vite e altri frontend React serviti come applicazioni statiche o basate su Node.
Apri la guida all'ambiente di esecuzioneDistribuisci Next.js
Route renderizzate sul server, gestori delle route, output statico e app Node.js persistenti.
Apri la guida all'ambiente di esecuzioneDistribuisci Postgres
Dati relazionali gestiti per app che richiedono uno stato persistente e una stringa di connessione privata.
Apri la guida all'ambiente di esecuzioneFAQ
Distribuire app create con Lovable su Adios.
Adios importa direttamente un progetto Lovable?
Il passaggio affidabile avviene tramite il codice sorgente del progetto in GitHub. Collega Lovable a GitHub, lascia che sincronizzi il repository e usa quel repository come fonte per lo spazio di lavoro e la distribuzione su Adios.
Posso continuare a modificare il progetto in Lovable dopo aver collegato GitHub?
Lovable documenta la sincronizzazione bidirezionale con GitHub per i progetti collegati. Coordina con attenzione branch e commit, così le modifiche apportate in Lovable, in locale o tramite uno spazio di lavoro Adios non si sovrascrivono a vicenda.
Adios distribuisce solo app Next.js?
No. Adios supporta comandi espliciti di compilazione e avvio per i comuni progetti frontend, full-stack, API, worker e con dati persistenti. Il framework rilevato cambia il contratto dell'ambiente di esecuzione; il workflow dal codice sorgente all'anteprima e alla produzione resta coerente.
L'agente IA può distribuire in produzione senza approvazione?
No. L'agente può preparare codice sorgente, configurazione, compilazioni, anteprime e diagnostica, ma il passaggio in produzione richiede un'approvazione, così una persona può prima rivedere il rilascio.
Cosa succede se la compilazione di produzione non riesce?
L'output della compilazione e i log dell'ambiente di esecuzione restano disponibili nello spazio di lavoro. L'agente può usare queste prove per aggiornare il codice sorgente o la configurazione ed eseguire una nuova compilazione prima di chiedere l'approvazione per la produzione.
Strumenti di vibe coding
Distribuisci da un altro workflow di sviluppo con l'IA.
Dal codice sorgente a un rilascio con integrità verificata
Lascia che Lovable prepari la distribuzione. La decisione di approvare la produzione resta tua.
Parti dal codice sorgente che hai già, verificalo in un'anteprima Adios e promuovi solo il rilascio che hai esaminato.
Crea uno spazio di lavoro gratuito