Guida Completa: Deploya il Tuo Progetto Lovable su Cloudflare (Pages e Workers)

Se hai costruito un sito web con la piattaforma AI di Lovable e vuoi ospitarlo sulla rete globale velocissima di Cloudflare, sei nel posto giusto. Questa guida completa copre tutto quello che devi sapere sul deployment di progetti Lovable su Cloudflare—che tu scelga la semplicita di Cloudflare Pages o la potenza di Cloudflare Workers.

Perche Scegliere Cloudflare per il Tuo Progetto Lovable?

Cloudflare offre due eccellenti soluzioni di hosting, entrambe con generosi piani gratuiti:

Cloudflare Pages (Raccomandato per la maggior parte degli utenti):

• Siti e richieste illimitate
• Integrazione Git e deployment automatici
• 500 build al mese (piano gratuito)
• CDN globale con 300+ posizioni
• Certificati SSL gratuiti
• Deployment semplice, zero configurazione

Cloudflare Workers (Per casi d'uso avanzati):

• 100.000 richieste al giorno (piano gratuito)
• Capacita di edge computing
• Esegui codice vicino ai tuoi utenti
• Storage KV integrato (1GB gratuito)
• Piu controllo su caching e routing

Entrambe le opzioni offrono tempi di risposta sotto i 50ms globalmente e non costano assolutamente nulla per la maggior parte dei siti personali e piccole aziende.

Puoi Spostare un Progetto Lovable su Cloudflare?

Si! I progetti Lovable si esportano come applicazioni React/TypeScript standard che si deployano perfettamente su Cloudflare. Puoi usare sia Cloudflare Pages (piu facile) che Cloudflare Workers (piu potente), ed entrambi includono:

• Hosting gratuito senza carta di credito richiesta
• Supporto domini personalizzati
• Certificati SSL automatici
• Delivery CDN globale
• Nessun vendor lock-in—il tuo codice, la tua infrastruttura

Metodo 1: Cloudflare Pages (Raccomandato)

Cloudflare Pages e il modo piu facile per deployare il tuo progetto Lovable. Costruisce e deploya automaticamente il tuo sito ogni volta che fai push su Git.

Passo 1: Esporta il Tuo Progetto Lovable

Prima, devi estrarre il tuo codice da Lovable:

1. Apri il tuo progetto Lovable
2. Clicca l'icona menu (di solito tre puntini o menu hamburger)
3. Seleziona "Esporta" o "Download"
4. Scegli "Scarica come ZIP"
5. Salva il file ZIP sul tuo computer
6. Estrai il file ZIP in una cartella

Passo 2: Configura un Repository Git

Cloudflare Pages deploya da repository Git, quindi devi pushare il tuo codice su GitHub, GitLab o Bitbucket.

# Naviga alla cartella del progetto estratto
cd path/to/your-lovable-project

# Inizializza un repository Git
git init

# Aggiungi tutti i file a Git
git add .

# Crea il tuo primo commit
git commit -m "Initial commit: Lovable project export"

Ora crea un repository su GitHub (o la tua piattaforma Git preferita):

1. Vai su GitHub e fai login
2. Clicca l'icona "+" in alto a destra
3. Seleziona "Nuovo repository"
4. Dagli un nome (es. "my-lovable-site")
5. Tienilo Pubblico o Privato (entrambi funzionano con Cloudflare)
6. Non inizializzare con README, .gitignore o licenza
7. Clicca "Crea repository"

Connetti il tuo repository locale a GitHub:

# Aggiungi il tuo repository GitHub come origin remoto
git remote add origin https://github.com/TUO-USERNAME/NOME-REPO.git

# Pusha il codice su GitHub
git branch -M main
git push -u origin main

Passo 3: Crea un Account Cloudflare

Se non ne hai gia uno:

1. Vai su Cloudflare
2. Registrati con la tua email
3. Verifica il tuo indirizzo email
4. Fai login nella dashboard Cloudflare

Passo 4: Deploya su Cloudflare Pages

Ora la magia—deployare il tuo progetto Lovable:

1. Nella dashboard Cloudflare, clicca "Workers & Pages" nella sidebar sinistra
2. Clicca "Crea applicazione"
3. Seleziona la tab "Pages"
4. Clicca "Connetti a Git"
5. Scegli il tuo provider Git (GitHub, GitLab, o Bitbucket)
6. Autorizza Cloudflare ad accedere ai tuoi repository
7. Seleziona il repository che hai appena creato
8. Clicca "Inizia setup"

Passo 5: Configura le Impostazioni Build

Cloudflare proverà ad auto-rilevare il tuo framework. Per la maggior parte dei progetti Lovable (tipicamente React/Vite):

Framework preset: Vite (o seleziona "None" se non rilevato)

Comando build:

npm run build

Directory output build:

dist

Directory root: Lascia vuoto (a meno che il tuo codice non sia in una sottodirectory)

Variabili d'ambiente: Aggiungi eventuali variabili richieste (come chiavi API)

Passo 6: Deploy!

Clicca "Salva e Deploya"

Cloudflare:

1. Clona il tuo repository
2. Installa le dipendenze (npm install)
3. Esegue il comando build
4. Deploya sulla CDN globale
5. Ti da un URL .pages.dev

Il primo deployment richiede tipicamente 1-3 minuti. Puoi guardare i log di build in tempo reale.

Domande Frequenti

Migrare da Lovable a Cloudflare e gratuito? Si, migrare da Lovable a Cloudflare e completamente gratuito. Lovable permette esportazioni gratuite dei progetti, e Cloudflare offre generosi piani di hosting gratuiti. Cloudflare Pages fornisce siti e richieste illimitate, mentre Cloudflare Workers offre 100.000 richieste/giorno. Entrambi includono SSL gratuito e domini personalizzati.

Come trasferisco il mio sito Lovable su Cloudflare? Esporta il tuo progetto Lovable come file ZIP, estrailo, pusha il codice su GitHub, poi connetti il tuo repository GitHub a Cloudflare Pages. L'intero processo richiede circa 15 minuti ed e completamente automatizzato dopo il setup iniziale.

Posso usare il mio dominio con l'hosting Cloudflare? Si! Sia Cloudflare Pages che Workers supportano domini personalizzati con certificati SSL gratuiti. Se il tuo dominio usa gia Cloudflare per il DNS, il setup e automatico. Altrimenti, dovrai aggiungere un record CNAME presso il tuo registrar di dominio.

Guide correlate:

• 10 Modi per Spostare il Tuo Sito Lovable su Hosting Gratuito
• Lovable: Da Eroe a Zero con il 2.0