Vai al contenuto principale

Documentation Index

Fetch the complete documentation index at: https://lovable.generaltranslation.app/llms.txt

Use this file to discover all available pages before exploring further.

​
Panoramica su Lovable

Benvenuto in questa guida passo-passo per creare un’applicazione full-stack con Lovable: Lovable Dashboard Pn

​
Panoramica della piattaforma Lovable

1

Step 1

Per iniziare, vai su lovable.dev e crea un account. Una volta completata la registrazione, potrai creare il tuo primo progetto.
2

Step 2

Inserisci semplicemente una prima istruzione per dare il via e Lovable penserà al resto! Questo è il blocco di partenza per qualsiasi progetto in Lovable, dove puoi dare vita alle tue idee all’istante.
In Lovable, la semplicità è fondamentale:
  • Qui avvii il tuo progetto con una singola istruzione.
  • Esplora tutti i progetti, inclusi gli ultimi e quelli in evidenza.
  • Parti da un modello dalla nostra selezione curata.
  • Personalizza la tua esperienza visualizzando e modificando il tuo profilo.
  • Gestisci il tuo account per controllare i crediti mensili e regolare le impostazioni.
  • Sperimenta con le funzionalità di Labs come Chat mode—attivale o disattivale.
  • Effettua l’upgrade o il downgrade del tuo piano in modo semplice.
In Lovable, ogni progetto segue un flusso di lavoro strutturato:
  • Modifica con facilità utilizzando un’interfaccia basata su chat.
  • Allega immagini per modifiche precise e ispirazione.
  • Seleziona e modifica visualmente i componenti per un’esperienza di design fluida.
  • Passa senza sforzo tra la modalità di modifica e la Chat mode.
  • Tieni traccia delle modifiche con la cronologia versioni e ripristina qualsiasi versione precedente.
  • Naviga tra le pagine del tuo progetto con facilità.
  • Abilita il Remixaggio o rinomina il tuo progetto secondo necessità.
  • Usa Lovable Cloud (o integra Supabase) per le funzionalità di backend.
  • Collabora tramite GitHub per modificare e gestire il tuo codice.
  • Pubblica, distribuisci e condividi il tuo progetto con un link di anteprima (ricorda di ripubblicare dopo le modifiche).
  • Passa dalla vista web a quella mobile per un design responsivo.
  • Aggiorna la finestra modale di anteprima per vedere subito gli aggiornamenti.
  • Apri direttamente il tuo progetto usando il link di anteprima.
Le impostazioni di ogni progetto ti permettono di:
  • Visualizzare i dettagli chiave del progetto come numero totale di modifiche e data di creazione.
  • Configurare conoscenze personalizzate per adattare il contesto del tuo progetto.
  • Connetterti a un repository GitHub per una collaborazione senza interruzioni.
  • Regolare la visibilità del progetto secondo necessità.
  • Gestire la visualizzazione del badge (disponibile solo per i piani a pagamento).
  • Rinominare il tuo progetto in qualsiasi momento.
  • Eliminare il tuo progetto (⚠️ Zona pericolosa).
Puoi sempre accedere rapidamente a:
  • Dashboard per una panoramica dei tuoi progetti.
  • Impostazioni account per gestire il tuo profilo e le tue preferenze.
  • Documentazione e Supporto per guida e assistenza.
  • Disconnetterti in modo sicuro dal tuo account Lovable.

​
Avvia il tuo progetto

Ci sono diversi modi per iniziare con Lovable, a seconda delle tue preferenze e risorse:
Il sistema basato su istruzioni di Lovable rende semplice la creazione di app.
  • Descrivi cosa vuoi realizzare nel riquadro dell’istruzione.
  • Più sei specifico, migliori saranno i risultati.
  • Inizia con istruzioni chiare e dettagliate.
  • Puoi perfezionare e modificare il tuo progetto man mano che procedi.
Esempio:“Create a dashboard with user login, monthly sales in a line chart, and customer demographics in a pie chart.”
Puoi remixa­re un progetto pubblico esistente o uno tuo. Il remixaggio ti consente di riutilizzare lo stato attuale di un progetto come punto di partenza e costruirci sopra. È un ottimo modo per esplorare nuove idee, apportare modifiche o iterare con cambiamenti diversi preservando la versione originale.
Puoi remixa­re i progetti pubblici di altri utenti solo se il progetto non è connesso a Supabase.
Se hai un design in Figma, fai uno screenshot di qualsiasi sua parte. Puoi incollare lo screenshot direttamente in Lovable o trascinare e rilasciare il file immagine. Una volta premuto Invio, Lovable convertirà il tuo design in codice funzionante.
1

Passaggio 1

Usa Excalidraw o qualsiasi strumento simile per abbozzare la tua UI.
2

Passaggio 2

Fai uno screenshot del tuo disegno, quindi incollalo o trascinalo in Lovable. La piattaforma trasformerà il tuo sketch in codice funzionante.
Maggiori informazioni qui.
Se vuoi replicare una pagina web esistente:
1

Passaggio 1

Fai uno screenshot usando scorciatoie come Cmd+Shift+4 su Mac o strumenti come l’estensione Chrome GoFullPage.
2

Passaggio 2

Incolla o trascina lo screenshot in Lovable. Lovable ricreerà la struttura della pagina web nel tuo progetto.
Maggiori informazioni qui.

​
Modifica il tuo progetto

La Custom knowledge in Lovable funge da blueprint del tuo progetto, organizzando funzionalità, design e obiettivi in un unico posto.
Visual Edits ti consente di selezionare elementi sulla pagina e modificarli istantaneamente, ad esempio aggiornando testi o colori, oppure usare prompt per adattare funzionalità e layout.Consulta Visual Edits per maggiori informazioni.
La velocità è importante quando crei app basate sull’IA, ma lo sono anche stabilità e controllo. Per questo abbiamo migliorato la gestione delle versioni per rendere il tracciamento delle modifiche semplice e immediato.
1

Ripristina istantaneamente versioni precedenti o scegli un approccio diverso

Puoi visualizzare in anteprima una versione precedente funzionante e poi ripristinarla se necessario, oppure modificare un messaggio passato e ripristinare per esplorare un approccio diverso. Non si perde nulla: tutte le modifiche effettuate dopo quel punto restano nella chat e possono essere riapplicate in qualsiasi momento.
2

Aggiungi ai preferiti le modifiche chiave

Mantieni il tuo lavoro organizzato aggiungendo ai preferiti le modifiche importanti, così è più facile trovarle e tornarci in seguito.
3

Cronologia delle versioni intuitiva

Il pannello cronologia ora funziona come Google Docs, rendendo più semplice il tracciamento delle modifiche.
Allega immagini direttamente alla chat per aggiungere contesto ai tuoi prompt. In questo modo è più semplice illustrare idee o concetti che è meglio mostrare che descrivere.
Integra il tuo progetto con GitHub per iterare sulla tua applicazione in modo fluido. Puoi apportare modifiche al codice in GitHub o nel tuo IDE preferito mantenendo tutto sincronizzato con Lovable.
Consulta l’integrazione GitHub per maggiori informazioni.

​
Aggiungi funzionalità full-stack al tuo progetto

Se hai bisogno di aggiungere funzionalità di backend alla tua applicazione, puoi:
  • Connetterti al backend integrato di Lovable -  Lovable Cloud
  • Usare l’integrazione nativa di Lovable con Supabase
Ci sono molti modi per collegare Stripe a Lovable, ma il modo più semplice è utilizzare i link di pagamento integrati di Stripe. Consulta l’integrazione con Stripe per maggiori informazioni.
Consulta l’integrazione con Resend per maggiori informazioni.

​
Distribuisci e pubblica il tuo progetto

Garantisci i migliori risultati seguendo la nostra guida Implementare le best practice SEO e GEO.
Puoi aggiungere un dominio personalizzato utilizzando:
  • Entri (integrato in Lovable)
  • Netlify
  • Vercel
  • Namecheap
Consulta Dominio personalizzato per maggiori informazioni.
Quando il tuo progetto è pronto, pubblicalo per generare un URL condivisibile. In questo modo è facile mostrare la tua applicazione o condividerla con collaboratori e stakeholder.
Consulta Pubblica per maggiori informazioni.