Come ospitare il tuo sito creato con Lovable
Lovable genera un’app React/Vite. Per ospitarla dove vuoi, prima la compili in file statici, poi pubblichi quell’output. SiteDrop prende la cartella della build e ti dà un link online.
Pubblica il tuo sito gratis →Online in 4 passaggi
- In Lovable, esporta o scarica il codice del tuo progetto (oppure collega GitHub e scarica il repository).
- Sul tuo computer esegui npm install e poi npm run build per produrre la cartella di output statico (di solito dist).
- Comprimi il contenuto della cartella dist: index.html deve stare al livello principale dello zip.
- Carica lo zip su SiteDrop.
Quali tipi di file funzionano
Lovable produce un’app React/Vite, quindi ospiti il suo output COMPILATO: la cartella statica dist dopo npm run build, che è semplice HTML/CSS/JS. Si carica alla perfezione. Non si può ospitare in modo statico ciò che è collegato a un backend attivo (autenticazione, un database, route del server); in un sito di marketing o un portfolio di solito non c’è niente del genere.
Cosa non va — e come risolverlo
- Ho compresso il progetto e ho ottenuto una pagina bianca.
Hai compresso il codice sorgente, non la build. Esegui npm install e poi npm run build, e comprimi il CONTENUTO della cartella dist con index.html al livello principale.
- Pagina bianca e la console mostra errori 404 su /assets/*.
Vite usa per impostazione predefinita percorsi assoluti per le risorse. Imposta base: './' in vite.config prima della build, così le risorse si risolvono dalla radice dello zip, poi ricompila.
- Supabase o l’autenticazione smettono di funzionare dopo la pubblicazione.
Hanno bisogno di un backend attivo e di chiavi d’ambiente che un hosting statico non esegue. Pubblica qui il front-end statico e tieni le funzioni dinamiche su un servizio che fa girare un server.
SiteDrop vs usare semplicemente Netlify
Netlify può eseguire per te la build di Vite da un repository git: comodo se vuoi deploy automatici. In cambio devi collegare git, configurare la build e gestire le variabili d’ambiente. Se preferisci compilare una volta in locale e ospitare solo la cartella dist, SiteDrop prende direttamente quello zip e ti dà un link (e un dominio personalizzato con i piani a pagamento) senza pipeline.
Hosting per Lovable — Domande frequenti
Perché devo eseguire prima una build?
Le app di Lovable sono progetti React, non semplice HTML. La build li trasforma nei file statici che i browser possono servire. Una volta che hai la cartella dist, ospitarla è solo caricare uno zip.
Non voglio proprio toccare la riga di comando: che opzioni ho?
Se il tuo progetto è interamente statico una volta compilato, chiedi a Lovable (o a qualsiasi assistente di IA) una singola versione compilata/statica, poi comprimila e caricala. Tutto ciò che è dinamico e richiede un server non è adatto a un hosting statico.
Pronto a pubblicare il tuo sito creato con Lovable?
Carica il tuo .zip e ricevi in meno di un minuto un link online da condividere. Anteprima gratuita di 7 giorni, senza carta.
Pubblicalo ora →