Come Ricostruire un Sito Lovable con l'AI

Introduzione

Lovable può creare un sito web semplice in pochi minuti, ma completare un sito può essere complicato. La maggior parte dei siti ha bisogno di più pagine, testi curati, immagini e una lunga lista di piccole modifiche. Lovable ti dà una struttura che devi poi sviluppare e rifinire da solo, il tutto entro un rigido budget di crediti.

Invece di completare il tuo sito in Lovable, puoi migrare su un altro strumento più adatto ai siti web. In questa guida, ti mostrerò come completare il tuo sito in una piattaforma AI chiamata Repaint.

Perché Repaint

Repaint è una piattaforma AI ottimizzata per la creazione di siti web. Il concetto di base è simile a Lovable: descrivi quello che vuoi e l'AI lo costruisce. Ma alcune differenze rendono Repaint più efficace per la creazione di siti web di marketing:

• Costa molto meno da usare. Repaint utilizza un efficiente processo multi-agente e sceglie automaticamente modelli AI più economici per i compiti semplici, dato che la maggior parte degli aggiornamenti di un sito di marketing non richiede i modelli costosi che Lovable riserva alla creazione di app di alto livello. In Repaint, puoi costruire un sito di 15 pagine senza raggiungere il limite del piano gratuito.
• Costruisce siti web completi, non semplici punti di partenza. Repaint pianifica e genera l'intero sito in un solo passaggio, con uno stile coerente su ogni pagina, invece di consegnarti una struttura da completare da solo.
• È migliore nell'importazione dei contenuti. Repaint dispone di strumenti dedicati per estrarre i contenuti dai siti web esistenti, così puoi ridisegnare un sito senza dover spostare tutto manualmente.

Come Funziona la Migrazione da Lovable

Il modo più semplice per spostarsi da Lovable è fornire a Repaint l'URL del tuo sito web online. Repaint visita il tuo sito online come farebbe un visitatore, legge i tuoi testi, scarica le tue immagini e le usa per ricostruire il sito. Questo funziona anche con il piano gratuito di Lovable, dato che tutto ciò che serve è un sito web online.

L'altra opzione è esportare il codice da Lovable e caricarlo in Repaint. Questo permette a Repaint di usare l'originale in modo più preciso, perché non deve indovinare quando lo ricrea. Ma l'esportazione completa del codice richiede anche un piano Lovable a pagamento.

In entrambi i casi, otterrai un sito web completo che puoi modificare con l'AI. Una volta soddisfatto del nuovo sito, puoi pubblicarlo direttamente da Repaint e collegare un dominio personalizzato.

Passo 1: Importa i Contenuti

Ci sono due modi per importare i tuoi contenuti in Repaint:

1. Condividi l'URL del sito online
2. Esporta il codice da Lovable e importalo in Repaint

Consigliamo la seconda opzione se hai Lovable premium e vuoi che il nuovo sito sia esattamente identico all'originale. Se hai comunque intenzione di ridisegnare il sito, esportare il codice è eccessivo ed è più semplice condividere l'URL online con Repaint.

Importare da un URL

Repaint può ridisegnare qualsiasi sito web accessibile pubblicamente su internet. Un tempo Lovable pubblicava automaticamente ogni progetto, ma non è più così. Devi pubblicare da Lovable prima di provare a importarlo. Dovresti ottenere un URL simile a https://brave-mango-spark.lovable.app/

Per prima cosa, apri il tuo sito in Lovable. Poi:

1. Clicca su Pubblica e copia l'URL
2. Vai su Repaint, incolla l'URL e invia
3. Crea il tuo account Repaint

Importare come Codice

Se hai Lovable premium, puoi esportare il tuo codice direttamente dall'editor di Lovable. Invece di farlo un file alla volta, puoi ottenere l'intero sito come file .zip e fornirlo a Repaint.

Per prima cosa, apri il tuo sito in Lovable. Poi:

1. Esporta il tuo codice come .zip
2. Vai su Repaint e crea il tuo account
3. Carica il file .zip e invia

Questo avvia il processo di creazione del sito. Repaint scansionerà il tuo sito, copierà testi e immagini e farà degli screenshot di ogni pagina per comprenderne il design. Da lì, ti basterà parlare con Repaint per completare il processo.

Passo 2: Pianifica il Nuovo Sito

Repaint è in grado di copiare l'originale, ridisegnarlo completamente o qualsiasi via di mezzo. Prima di iniziare a costruire il tuo sito, ti farà alcune domande per capire cosa stai cercando.

Mentre Repaint ricostruisce il tuo sito, è un buon momento per sperimentare con lo stile e vedere se c'è qualcos'altro che vuoi provare. Puoi far generare a Repaint dei campioni di stile tra cui scegliere. Lovable in genere ti offre un unico stile costoso su cui iterare, quindi la maggior parte delle persone non si allontana mai molto dal design originale ottenuto.

Importa i Contenuti

Se hai altre informazioni da includere, condividile ora. Repaint può usare informazioni provenienti da altri siti web, schede Google delle attività, PDF o altri file e immagini. Più impara prima di costruire il sito, meno dovrai rifinire in seguito.

Se hai più siti di origine, come un vecchio sito oltre a quello Lovable, dovresti fornire entrambi a Repaint. Può usare il vecchio sito per le informazioni da trasferire e il nuovo come guida di stile. Nel dubbio, dovresti condividere molte informazioni e lasciare che Repaint capisca come usarle.

Una volta che tu e Repaint vi accordate sul piano, costruirà il tuo nuovo sito!

Passo 3: Genera il Sito

Repaint impiega in genere alcuni minuti per costruire la prima versione del tuo sito. La durata esatta varia, a seconda di quanti contenuti deve migrare e di quanto è grande il nuovo sito. Un sito di grandi dimensioni con decine di pagine potrebbe richiedere più di dieci minuti.

Quando ha finito, Repaint aprirà automaticamente un'anteprima del tuo nuovo sito. La prima versione di solito ha qualche imperfezione: testo tagliato, immagini nel posto sbagliato o spaziatura leggermente errata. È normale. Puoi correggere qualsiasi cosa fuori posto chattando con l'AI.

Se il tuo progetto Lovable aveva funzionalità backend avanzate, come un'integrazione Supabase o funzionalità di Lovable Cloud, queste non si trasferiranno. Repaint costruisce solo la parte visiva che le persone vedono, non l'archiviazione dei dati sottostante. La maggior parte dei siti aziendali non ha nulla del genere, quindi non è un problema. Ma se hai un'applicazione completa in Lovable, Repaint non la ricreerà perfettamente.

Passo 4: Apporta Modifiche

Dopo aver generato il tuo sito, potrebbero esserci alcune stranezze da sistemare. Repaint traduce il tuo sito nel proprio formato, quindi è possibile che alcuni dettagli vadano persi nella traduzione. Oppure, se stai facendo ridisegnare a Repaint il tuo sito Lovable, ci saranno semplicemente molti nuovi contenuti da rivedere.

Il flusso di modifica è esattamente come quello di Lovable; puoi cambiare qualsiasi cosa sul tuo sito chattando con l'AI: "Aggiungi una pagina contatti." "Aggiungi una galleria di immagini con tre immagini quadrate." "Rimuovi il banner in alto che annuncia il nostro evento."

Dovresti iniziare valutando lo stile visivo. Assicurati che colori, font e layout abbiano tutti un bell'aspetto. Il tuo stile visivo stabilisce dei pattern che l'AI userà naturalmente per ogni nuovo contenuto che crea, quindi rifinirlo presto è più veloce che rifinirlo dopo aver costruito decine di pagine.

Una volta che lo stile ti piace, puoi lavorare sui contenuti e assicurarti che il testo sia accurato, le immagini siano nei posti giusti, i link funzionino e tutto abbia un bell'aspetto su mobile.

Revisione dei Contenuti SEO

Se il tuo sito Lovable riceveva traffico dai motori di ricerca, vale la pena prestare attenzione alla SEO durante la migrazione. Abbiamo un'intera guida alla SEO per il redesign di un sito web se vuoi saperne di più. A grandi linee, vuoi semplicemente assicurarti che il nuovo sito abbia gli stessi URL delle pagine e gli stessi contenuti al loro interno.

Google costruisce i posizionamenti per le singole pagine del tuo sito, legati ai loro URL. Se passi a una nuova piattaforma e quegli URL cambiano o scompaiono, Google li tratta come nuove pagine senza storia e perdi il traffico che stavano generando. E se cambi i contenuti, Google potrebbe decidere che le nuove versioni non sono più rilevanti per le query di ricerca e smettere di posizionarle.

Puoi chiedere a Repaint di confrontare gli URL del tuo nuovo sito con quelli di Lovable per vedere se ci sono differenze. Se hai importato il codice direttamente, è probabile che non sia cambiato nulla. Ma se c'è qualcosa di cambiato o mancante, Repaint può aiutarti a sistemarlo, basta chiedere.

Quando il tuo sito ha un bell'aspetto e i contenuti sono corretti, sei pronto a pubblicare.

Passo 5: Pubblica il Sito

Quando sei pronto a pubblicare il tuo nuovo sito, apri il tuo progetto Repaint e clicca su Pubblica nell'angolo in alto a destra. Il tuo sito va online su un URL Repaint che puoi condividere con chiunque. Sarà simile all'URL gratuito di Lovable, così: https://careful-tiger-5jd92kjd.sites.repaint.com

A questo punto hai due siti online: uno su Repaint e uno su Lovable. Se hai un dominio personalizzato, punta ancora al tuo sito Lovable, quindi per i tuoi visitatori non è ancora cambiato nulla. Quando sei pronto a fare il passaggio, puoi trasferire il dominio.

Passo 6: Trasferisci il Dominio

Quando sei pronto a fare il passaggio ufficiale, devi semplicemente puntare il tuo dominio verso il nuovo sito Repaint. Per farlo in Repaint, basta dire all'AI di collegare il tuo dominio. Ti fornirà dei record DNS da aggiungere. Questo richiede un piano a pagamento; puoi vedere i dettagli sui prezzi qui.

Il tuo dominio è separato dal tuo sito Lovable. Probabilmente è registrato presso un provider di domini separato come GoDaddy, Namecheap o Cloudflare. In ogni caso, il tuo dominio dovrebbe rimanere su quella piattaforma. Non devi spostarlo. Devi solo aggiornare le impostazioni affinché il dominio punti al tuo nuovo sito Repaint invece che a quello Lovable.

Non preoccuparti se non hai mai gestito le impostazioni DNS prima d'ora. Repaint può guidarti passo dopo passo. Può darti istruzioni personalizzate in base al tuo provider. Le modifiche al DNS possono richiedere 20 minuti o più per entrare in vigore. Una volta impostati i record DNS, puoi far controllare a Repaint i tuoi record online per vedere se la propagazione è avvenuta con successo. Una volta che verifica che tutto sia configurato correttamente, hai finito.

Dopo aver trasferito il tuo dominio, non hai più bisogno di un piano Lovable premium per l'hosting o le modifiche. Puoi annullare il tuo abbonamento Lovable quando vuoi.

Conclusione

Quando ti imbatti in un ostacolo in Lovable, non devi abbandonare il tuo lavoro. Repaint è una piattaforma simile, ottimizzata per la creazione di siti web di marketing. Se condividi semplicemente il tuo URL online, importa il tuo sito e ti permette di apportare modifiche chattando con l'AI. E dato che il tuo sito rimane online per tutto il tempo, non hai nulla da perdere a provarlo.

Domande Frequenti

Perché passare da Lovable se anche Repaint è un costruttore AI?

Sembrano simili, ma sono ottimizzati per compiti diversi. Lovable è creato per realizzare web app complesse, con crediti e prezzi progettati attorno alla generazione di alto livello. Repaint è creato specificamente per i siti web di marketing. Costruisce le pagine in parallelo in modo più efficiente, usa modelli più economici per le modifiche di routine e ha un'allocazione di utilizzo settimanale invece di crediti mensili. Il tuo utilizzo rende di più su Repaint, quindi è più facile completare davvero il tuo sito.

La migrazione consumerà i miei crediti Lovable?

No. Se importi condividendo il tuo URL online, Repaint si limita a visitare il tuo sito pubblicato come farebbe qualsiasi visitatore. Non tocca mai il tuo account Lovable, quindi non costa alcun credito Lovable. L'unico caso in cui Lovable è coinvolto è la via dell'esportazione del codice, e anche in quel caso stai solo scaricando file che già possiedi. La migrazione si basa sull'allocazione di utilizzo di Repaint, non su quella di Lovable.

Ho bisogno di un piano Lovable a pagamento per migrare?

Per la via più semplice, no. L'importazione dal tuo URL online richiede solo che il tuo sito sia pubblicato, cosa che funziona con il piano gratuito di Lovable. Avresti bisogno di un piano Lovable a pagamento solo se vuoi esportare il codice completo per una ricostruzione più precisa. Se hai comunque intenzione di ridisegnare, puoi saltare l'esportazione del codice e condividere semplicemente il tuo URL. Alcuni sincronizzano anche il loro progetto Lovable con GitHub per recuperare il codice in quel modo, anche se la disponibilità dipende dal tuo piano Lovable.

Cosa succede al mio sito Lovable durante la migrazione? Posso tenere entrambi?

Non succede nulla al tuo sito Lovable. I due sono completamente separati. Tutto ciò che stai facendo è costruire un nuovo sito in Repaint, mentre il tuo sito Lovable rimane online e intatto. Una volta soddisfatto della versione Repaint, puoi puntarci il tuo dominio. Oppure, se decidi di rimanere con Lovable, non devi fare nulla. Non c'è alcun momento in cui sei costretto a rinunciare all'originale.

E se il mio progetto Lovable è un'app completa con database e login, non solo un sito di marketing?

Allora probabilmente Repaint non è lo strumento giusto oggi. Repaint costruisce siti web di marketing, non applicazioni complete. Non ricrea funzionalità backend come database, login degli utenti o qualsiasi cosa collegata a Lovable Cloud o Supabase. Se il tuo progetto è una vera app con un'infrastruttura alle spalle, migrare a Repaint significherebbe perdere le parti che la fanno funzionare.

Non finirò per raggiungere gli stessi limiti in Repaint che ho raggiunto in Lovable?

Di solito no, e la differenza è maggiore di quanto la gente si aspetti. Le due piattaforme misurano l'utilizzo in modo diverso, e Repaint tende a rendere molto di più per i siti di marketing. Come esempio reale: costruire un sito di cinque pagine in Lovable ha consumato un intero piano gratuito, mentre ricostruire un sito di dodici pagine in Repaint ne ha usato la metà. Questo dipende da diversi motivi, tra cui un'importazione più efficiente, il lavoro in parallelo, modelli più economici e un generoso limite di utilizzo invece di crediti mensili.

Repaint può riprodurre esattamente il mio design Lovable?

Dipende da come importi. Se esporti il tuo codice e fornisci a Repaint il sorgente, può avvicinarsi molto, dato che lavora a partire dall'originale invece di indovinare. Se importi dal tuo URL online, Repaint ricrea il design da ciò che può vedere. Assomiglierà chiaramente al tuo sito, ma aspettati alcune differenze visibili che vorrai sistemare, ancora di più se il design originale è complesso. In ogni caso, puoi perfezionare qualsiasi cosa chattando con l'AI.

Quanto tempo richiede la migrazione?

La prima costruzione richiede di solito alcuni minuti per pianificare, importare i contenuti e generare il nuovo sito. I siti più grandi con molte pagine o molti contenuti da estrarre possono richiedere dieci minuti o più. Dopodiché, il tempo che ci vuole fino alla pubblicazione dipende da quante modifiche vuoi apportare. La maggior parte dei siti può essere migrata e rifinita nel giro di poche ore.

Quanto costa migrare da Lovable a Repaint?

È gratuito importare il tuo sito, modificarlo e pubblicarlo su un indirizzo sites.repaint.com. Il piano gratuito copre la costruzione e il lancio di un sito semplice, con un'allocazione di modifiche settimanale, un badge Repaint e nessun dominio personalizzato. I piani a pagamento partono da $20/mese con fatturazione annuale, o $25/mese con fatturazione mensile, che ti danno un'allocazione più ampia, rimuovono il badge e ti permettono di collegare un dominio personalizzato. Puoi vedere il dettaglio completo nella pagina dei prezzi.

Posso migrare solo una pagina per provare prima?

Sì. Puoi importare una singola pagina per vedere come viene prima di impegnarti con l'intero sito. È un modo a basso sforzo per verificare se Repaint è adatto alla tua attività. Una volta soddisfatto di ciò che vedi, puoi chiedere a Repaint di costruire il resto.

Perderò i miei posizionamenti nei motori di ricerca quando migro?

Non se mantieni coerenti i tuoi URL e i tuoi contenuti. Google lega i posizionamenti ai singoli URL delle pagine, quindi l'obiettivo è che il tuo nuovo sito Repaint usi gli stessi URL e in gran parte gli stessi contenuti del vecchio. Se importi il tuo codice direttamente, le cose di solito rimangono allineate. Puoi anche chiedere a Repaint di confrontare i tuoi nuovi URL con l'originale e sistemare eventuali lacune. Ce n'è di più nella nostra guida alla conservazione della SEO quando importi un sito.

Cosa succede quando l'AI fa un errore? Posso annullare le modifiche?

Sì. Repaint salva una versione del tuo sito ogni volta che apporti una modifica. Se qualcosa viene male, puoi chiederle di tornare indietro, oppure aprire la cronologia delle versioni e ripristinare tu stesso una versione precedente. Nulla è permanente, quindi è sicuro sperimentare e tornare indietro se non ti piace il risultato.