> ## 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.

# Come iniziare

> Dalla prima istruzione alla tua app full-stack

<div id="overview-of-lovable">
  ## Panoramica su Lovable
</div>

Benvenuto in questa guida passo-passo per creare un'applicazione full-stack con Lovable:

<img src="https://mintcdn.com/generaltranslation-d8a08cd1/CqzNmr5z5kHJD2HH/images/lovable-dashboard.png?fit=max&auto=format&n=CqzNmr5z5kHJD2HH&q=85&s=9740705cec0501ed75b6bddb02ad9dd1" alt="Lovable Dashboard Pn" width="2376" height="1748" data-path="images/lovable-dashboard.png" />

<div id="the-lovable-platform-overview">
  ### Panoramica della piattaforma Lovable
</div>

<AccordionGroup>
  <Accordion title="Crea il tuo primo progetto">
    <Steps>
      <Step title="Step 1">
        Per iniziare, vai su [lovable.dev](https://lovable.dev) e crea un account. Una volta completata la registrazione, potrai creare il tuo primo progetto.
      </Step>

      <Step title="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.
      </Step>
    </Steps>
  </Accordion>

  <Accordion title="Dashboard di Lovable">
    In Lovable, la semplicità è fondamentale:

    * [**Qui**](https://lovable.dev/) **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**](https://lovable.dev/settings) per controllare i crediti mensili e regolare le impostazioni.
    * **Sperimenta con le funzionalità di** [**Labs**](https://lovable.dev/settings/account) **come Chat mode**—attivale o disattivale.
    * [**Effettua l'upgrade o il downgrade**](https://lovable.dev/settings/plans) **del tuo piano** in modo semplice.
  </Accordion>

  <Accordion title="Panoramica del progetto">
    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.
  </Accordion>

  <Accordion title="Impostazioni del progetto">
    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).
  </Accordion>

  <Accordion title="Accesso rapido al progetto">
    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.
  </Accordion>
</AccordionGroup>

<div id="start-your-project">
  ### Avvia il tuo progetto
</div>

Ci sono diversi modi per iniziare con Lovable, a seconda delle tue preferenze e risorse:

<AccordionGroup>
  <Accordion title="Istruzione">
    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.

    <Info>
      Esempio:

      *"Create a dashboard with user login, monthly sales in a line chart, and customer demographics in a pie chart."*
    </Info>
  </Accordion>

  <Accordion title="Remixa un progetto esistente">
    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.

    <Note>
      Puoi remixa­re i progetti pubblici di altri utenti solo se il progetto non è connesso a Supabase.
    </Note>
  </Accordion>

  <Accordion title="Usare Figma">
    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.
  </Accordion>

  <Accordion title="Usare uno sketch">
    <Steps>
      <Step title="Passaggio 1">
        Usa [**Excalidraw**](https://excalidraw.com/) o qualsiasi strumento simile per abbozzare la tua UI.
      </Step>

      <Step title="Passaggio 2">
        Fai uno screenshot del tuo disegno, quindi incollalo o trascinalo in Lovable. La piattaforma trasformerà il tuo sketch in codice funzionante.
      </Step>
    </Steps>

    [Maggiori informazioni qui.](https://www.youtube.com/watch?v=c0zhLzcVJRI)
  </Accordion>

  <Accordion title="Clonare un sito web o un'applicazione">
    Se vuoi replicare una pagina web esistente:

    <Steps>
      <Step title="Passaggio 1">
        Fai uno screenshot usando scorciatoie come *Cmd+Shift+4* su Mac o strumenti come l'[estensione Chrome GoFullPage](https://chromewebstore.google.com/detail/gofullpage-full-page-scre/fdpohaocaechififmbbbbbknoalclacl).
      </Step>

      <Step title="Passaggio 2">
        Incolla o trascina lo screenshot in Lovable. Lovable ricreerà la struttura della pagina web nel tuo progetto.
      </Step>
    </Steps>

    [Maggiori informazioni qui.](https://www.youtube.com/watch?v=tYDqBMilHkM)
  </Accordion>
</AccordionGroup>

<div id="edit-your-project">
  ### Modifica il tuo progetto
</div>

<AccordionGroup>
  <Accordion title="Aggiungi Custom knowledge al tuo progetto">
    La [Custom knowledge](/it/features/knowledge) in Lovable funge da **blueprint** del tuo progetto, organizzando funzionalità, design e obiettivi in un unico posto.
  </Accordion>

  <Accordion title="Usa Visual Edits">
    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](https://docs.lovable.dev/features/visual-edit) per maggiori informazioni.
  </Accordion>

  <Accordion title="Ripristina una modifica o modifica un messaggio e ripristina per usare un approccio diverso">
    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.

    <Steps>
      <Step title="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.
      </Step>

      <Step title="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.
      </Step>

      <Step title="Cronologia delle versioni intuitiva">
        Il pannello cronologia ora funziona come Google Docs, rendendo più semplice il tracciamento delle modifiche.

        <img src="https://mintcdn.com/generaltranslation-d8a08cd1/CqzNmr5z5kHJD2HH/images/history.png?fit=max&auto=format&n=CqzNmr5z5kHJD2HH&q=85&s=b0b6b8829cd6db5c9b48c09e7c70aba4" alt="" width="391" height="37" data-path="images/history.png" />

        <img src="https://mintcdn.com/generaltranslation-d8a08cd1/CqzNmr5z5kHJD2HH/images/redesign-history.jpeg?fit=max&auto=format&n=CqzNmr5z5kHJD2HH&q=85&s=ff8031e1fe0ac2cf85b22ad5eb26065a" alt="" width="1512" height="982" data-path="images/redesign-history.jpeg" />
      </Step>
    </Steps>
  </Accordion>

  <Accordion title="Aggiungi componente di animazione con 21st dev">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/MJ9pB741sXw?si=7vPZVpe0TyHIgTLp" title="Lettore video di YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
  </Accordion>

  <Accordion title="Aggiungi immagini al prompt">
    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.

    <iframe width="100%" height="315" src="https://www.youtube.com/embed/uaGnrK5Dkkc" title="Lettore video di YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />
  </Accordion>

  <Accordion title="Aggiungi una nuova pagina al tuo progetto">
    <iframe width="100%" height="315" src="https://www.youtube.com/embed/h6vnvFKzd0Y?si=cw_zapDQW3hQfVOc" title="Lettore video di YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
  </Accordion>

  <Accordion title="Esegui il refactoring del codice">
    <iframe width="100%" height="315" src="https://www.youtube.com/embed/epVlkdNSVrs?si=ufy8WTXkPcpbhkW6" title="Lettore video di YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
  </Accordion>

  <Accordion title="Collega a GitHub">
    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.

    <iframe width="100%" height="315" src="https://www.youtube.com/embed/zgNkhU4SYgQ" title="Lettore video di YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

    Consulta l'[integrazione GitHub](https://docs.lovable.dev/integrations/git-integration) per maggiori informazioni.
  </Accordion>
</AccordionGroup>

<div id="add-fullstack-capabilities-to-your-project">
  ### Aggiungi funzionalità full-stack al tuo progetto
</div>

<AccordionGroup>
  <Accordion title="Collega un backend">
    Se hai bisogno di aggiungere funzionalità di backend alla tua applicazione, puoi:

    * Connetterti al backend integrato di Lovable -  [Lovable Cloud](https://docs.lovable.dev/features/cloud)
    * Usare l'integrazione nativa di Lovable con [Supabase](https://docs.lovable.dev/integrations/supabase)
  </Accordion>

  <Accordion title="Aggiungi funzionalità di pagamento alla tua applicazione con Stripe">
    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](https://docs.lovable.dev/integrations/stripe) per maggiori informazioni.
  </Accordion>

  <Accordion title="Aggiungi funzionalità email con Resend">
    <iframe width="100%" height="315" src="https://www.youtube.com/embed/w5Xq-Kvt3J0?si=wdSxtbhg3-uH3NZt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />

    Consulta l'[integrazione con Resend](https://docs.lovable.dev/integrations/resend) per maggiori informazioni.
  </Accordion>
</AccordionGroup>

<div id="deploy-and-publish-your-project">
  ### Distribuisci e pubblica il tuo progetto
</div>

<AccordionGroup>
  <Accordion title="Configura la SEO">
    Garantisci i migliori risultati seguendo la nostra guida [Implementare le best practice SEO e GEO](https://docs.lovable.dev/tips-tricks/seo-geo).
  </Accordion>

  <Accordion title="Aggiungi un dominio personalizzato">
    Puoi aggiungere un dominio personalizzato utilizzando:

    * Entri (integrato in Lovable)
    * Netlify
    * Vercel
    * Namecheap

    Consulta [Dominio personalizzato](https://docs.lovable.dev/features/custom-domain) per maggiori informazioni.
  </Accordion>

  <Accordion title="Pubblica il mio progetto">
    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.

    <iframe width="100%" height="315" src="https://www.youtube.com/embed/GFtWVXkZDTw" title="Lettore video di YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

    Consulta [Pubblica](https://docs.lovable.dev/features/publish) per maggiori informazioni.
  </Accordion>
</AccordionGroup>