Come ospitare un'app Lovable sul tuo server

Per ospitare un'app Lovable sul tuo server, sincronizza il progetto con GitHub tramite la sincronizzazione Git di Lovable, collega il repository al pannello Coolify sul tuo server, imposta le variabili d'ambiente e fai puntare il tuo dominio. Lovable documenta lui stesso questa strada: il codice è tuo e gira dove lo metti. Puoi continuare a lavorare anche in Lovable, perché le modifiche finiscono nel repository e il server pubblica da lì.

La decisione più importante è il backend, perché i record del database e i file caricati non viaggiano con il codice.

Come si porta il codice fuori da Lovable?

Che tipo di progetto hai?

Lovable si basa su due stack e le impostazioni del server ne derivano. Se package.json elenca @tanstack/react-start, il tuo progetto è TanStack Start. Se no, è un vecchio progetto React + Vite. I nuovi progetti partono su TanStack Start.

Una build statica di Vite è uno dei tipi di progetto che abbiamo eseguito con Coolify su un server reale. I valori di TanStack Start arrivano dalla documentazione di Lovable stesso, che consiglia Node 22.

Passo dopo passo

1. Ordina un server dalla pagina Next.js VPS. Nonostante il nome, include Coolify, che pubblica molto più di Next.js.
2. Clona il repository e apri la cartella in uno strumento di codice come Claude Code o Cursor.
3. Copia la riga Incolla nel tuo strumento di IA dalla scheda Panoramica del tuo pannello Seturack e incollala in quello strumento, che poi si occupa della pubblicazione. Non incollarla nella chat di Lovable. Contiene una chiave API e Lovable non può eseguire nulla fuori dalla sua anteprima.
4. Dai allo strumento le variabili d'ambiente che servono, che dipendono dalla scelta del backend qui sotto.
5. Prova l'indirizzo HTTPS quando arriva. Ricarica una pagina annidata, accedi ed esci, e prova una scrittura e un caricamento. Se l'accesso fallisce su un reindirizzamento, aggiungi il nuovo indirizzo ai tuoi URL di reindirizzamento consentiti.
6. Fai puntare il record A del tuo dominio all'indirizzo IP del server e comunica allo strumento il nome del dominio. Il certificato viene emesso in automatico.
7. Chiedi allo strumento di pubblicare a ogni push. Le modifiche di Lovable arrivano nel repository, quindi ciascuna avvia una compilazione.

La guida a Next.js spiega come farlo a mano. Hai l'accesso root e, se preferisci, puoi gestire tutto dal pannello. Il tuo indirizzo lovable.app continua a servire l'ultima versione che hai pubblicato lì.

Dove sta il backend?

Restare sul backend integrato

Si sposta solo il sito, quindi è il lavoro minore. Imposta VITE_SUPABASE_URL e VITE_SUPABASE_PUBLISHABLE_KEY prima della compilazione. TanStack Start richiede anche SUPABASE_URL e SUPABASE_PUBLISHABLE_KEY per il suo codice server. Questi valori sono nel file .env del repository, ma i segreti letti dalle tue funzioni server no. Le funzioni di IA e i connettori continuano a funzionare e a consumare i tuoi crediti Lovable.

Eseguire Supabase sul tuo server

Lovable indica due destinazioni per il suo backend integrato: Supabase gestito e Supabase in self-hosting. Spostare solo PostgreSQL non basta, perché devono spostarsi anche accesso, storage, realtime ed Edge Functions. Supabase VPS ti dà tutto questo su un server separato. La documentazione di Supabase richiede almeno 4 GB di RAM, 2 core e 40 GB di disco.

1. Crea la struttura eseguendo i file in supabase/migrations/ in ordine di data.
2. Sposta i dati. Vai su More, Database, Manage, Settings e premi Export data, poi carica l'archivio PostgreSQL compresso con zstd usando un pg_restore con supporto zstd sulla porta 5432. Gli account utente sono inclusi e tutti dovranno accedere di nuovo. Prova prima su un'installazione di test.
3. Scarica i file da More, Storage e caricali in Studio in bucket con gli stessi nomi.
4. Copia supabase/functions/ in volumes/functions/ sul server, imposta i loro segreti e riavvia il servizio delle funzioni.
5. Configura i provider di accesso, SITE_URL e ADDITIONAL_REDIRECT_URLS.
6. Sul sito, imposta VITE_SUPABASE_URL sull'indirizzo del tuo server Supabase, imposta la chiave pubblicabile e ricompila.

Le chiamate di IA e dei connettori che passano da Lovable devono spostarsi sui tuoi account presso i fornitori. Aggiornamenti e monitoraggio diventano compito tuo e Lovable non può fare il debug di un'infrastruttura che non controlla.

Usare un progetto nel tuo account Supabase

Se hai collegato il tuo account Supabase, il backend vive già fuori da Lovable, quindi devi solo impostare gli indirizzi. Per portarlo sul tuo server, la guida al ripristino di Supabase indica i passaggi con supabase db dump.

Domande frequenti

Quanta RAM serve a un'app Lovable?

La pagina di vendita consiglia almeno 4 GB di RAM, 2 vCore e 40 GB di disco. Questa cifra deriva dalla compilazione: un grande progetto Next.js con 85 pacchetti ha finito la memoria a 2 GB ed è stato compilato a 4 GB. Se una compilazione finisce la memoria, ingrandisci dal tuo pannello.

Quanto costerà al mese?

La dimensione minima consigliata costa circa $6 al mese (IVA inclusa) e fuori dalla Turchia paghi in dollari statunitensi. I backup giornalieri sono compresi nel prezzo e il traffico è illimitato. Un secondo server per Supabase si paga a parte. Esportare il codice non chiude il tuo abbonamento Lovable né l'uso di Cloud.

Come tolgo il mio dominio da Lovable?

Prova prima tutto sull'indirizzo temporaneo. Poi fai puntare il record A all'indirizzo IP del server, aggiungi il dominio all'app e pubblica di nuovo. Per ritirare l'indirizzo lovable.app, annulla la pubblicazione del progetto in Lovable.

Come aggiorno il sito dopo il lancio?

Continua a lavorare in Lovable o nel tuo strumento di codice. Ogni modifica arriva nel branch sincronizzato e, con un webhook, il server la compila. Per tenere offline il lavoro a metà, lascia che Lovable lavori su un branch separato e fai il merge quando è pronto.

Il database viaggia insieme al codice?

No. La sincronizzazione Git e lo zip contengono i file sorgente e i file che definiscono la struttura del database. I record e i file caricati si esportano separatamente, quindi verificali a destinazione prima di ritirare il vecchio backend.

Già pronto su Seturack: Next.js, Coolify, Supabase.