ACQUISIZIONE
Prenota
Strumenti · Risorsa gratuita

Lovable + Claude Code: lavora sul tuo progetto senza consumare i crediti di Lovable

Collegare Lovable a GitHub, far lavorare Claude Code sul progetto dal tuo computer con un file di regole, pubblicare. E cosa resta a pagamento

Di Nicola Lampitelli · 8 minuti di lettura · aggiornata il

Installala nella tua AILeggi la guida
CondividiWhatsAppLinkedIn
In questa guida
  1. 1Come lo uso io
  2. 2Cosa ti serve
  3. 3Come funziona
  4. 4Passo 1 · Collega il progetto a GitHub
  5. 5Passo 2 · Porta il progetto sul computer
  6. 6Passo 3 · Scrivi le regole del progetto
  7. 7Passo 4 · Chiedi la prima modifica
  8. 8Passo 5 · Invia e controlla l'anteprima
  9. 9Passo 6 · Pubblica, e chiudi il backend in Lovable
  10. 10Se ti esce così
  11. 11Prima di usarlo davvero
  12. 12Ora tocca a te
  13. 13Il prossimo passo
  14. 14Installala nella tua AI

1.Come lo uso io

Sui progetti che costruisco con Lovable, le modifiche di ogni giorno non le chiedo più nella sua chat. Il progetto è collegato a GitHub, sul computer ne ho una copia e lì lavora Claude Code: cambia i file, controlla che il sito si compili e invia. Lovable riceve la modifica e aggiorna l'anteprima, senza scalare crediti.

Lovable lo tengo per quello che mi toglie di mezzo: il sito online, il database, il login degli utenti, le funzioni AI già pronte. Nel reel ho detto «gratis» e qui lo preciso: le modifiche fatte dal computer non consumano crediti Lovable, ma Claude Code vuole un piano a pagamento e una parte del lavoro resta dentro Lovable.

2.Cosa ti serve

Claude Code

Installato e collegato al tuo account (Pro o Max). Come si fa è in fondo alla guida.

Un progetto Lovable

Anche sul piano gratuito: il collegamento a GitHub c'è su tutti i piani. Devi esserne proprietario o amministratore.

Un account GitHub

Gratuito, si crea su github.com. Lì vivrà la copia del codice.

Git, GitHub CLI e Node.js

Tre programmi da Terminale: si controllano al Passo 2.

3.Come funziona

Una repo è la cartella del codice su GitHub, con la storia di ogni modifica. Un commit è una modifica salvata, il push è l'invio dei commit a GitHub. Un ramo è una copia di lavoro del codice: quello principale si chiama main. La build è la compilazione che trasforma il codice nel sito: se fallisce, il sito non parte.

Quando colleghi il progetto, Lovable crea una repo e la tiene sincronizzata nei due sensi: quello che cambi in Lovable finisce su GitHub, quello che invii su main rientra in Lovable e aggiorna l'anteprima.

COSA NON CONSUMI

I crediti di Lovable per le modifiche fatte e inviate dal tuo computer: lo dice la sua documentazione. Nemmeno pubblicare dal pulsante Publish ne costa.

COSA PAGHI COMUNQUE

Il piano di Claude per Claude Code. Ogni messaggio nella chat di Lovable. Database e AI della tua app oltre la quota mensile inclusa (20 crediti per database e server, 4 per l'AI: Lovable la definisce temporanea). Un piano Lovable a pagamento, da 25 dollari al mese, se vuoi il tuo dominio.

Da qui in poi

Qui comincia la parte pratica.

Dimmi chi sei e la guida si apre tutta: i passi, gli errori tipici e il file per la tua AI. Le risorse nuove te le mando per email; il telefono serve per sentirci a voce, se ha senso.

Gratis. Lo compili una volta: le altre guide restano aperte su questo dispositivo.

Cosa trovi dopo

  1. 4Passo 1 · Collega il progetto a GitHub
  2. 5Passo 2 · Porta il progetto sul computer
  3. 6Passo 3 · Scrivi le regole del progetto
  4. 7Passo 4 · Chiedi la prima modifica
  5. 8Passo 5 · Invia e controlla l'anteprima
  6. 9Passo 6 · Pubblica, e chiudi il backend in Lovable
  7. 10Se ti esce così
  8. 11Prima di usarlo davvero
  9. 12Ora tocca a te
  10. 13Il prossimo passo
Per la tua AI

Non leggerla soltanto: falla applicare.

Questa guida esiste anche come file Markdown, il formato che le AI leggono meglio. In testa ha già le istruzioni: lo dai a Claude Code (o lo alleghi a Claude, a ChatGPT) e l'AI la applica al tuo caso, chiedendoti i dati che le servono. Niente da riscrivere, niente da spiegare.

Cosa ottieni: Il progetto Lovable clonato sul tuo computer, il file CLAUDE.md con le regole, una prima modifica provata con la build e i comandi per inviarla e vederla nell'anteprima di Lovable.

Gratis. Ti chiedo chi sei e come trovarti: le risorse nuove arrivano per email. Come si installa.

Installala nella tua AI

Il file che scarichi non è un riassunto: è la guida intera più le istruzioni per l'AI, scritte in testa. Tu lo consegni, lei lo legge, ti fa le domande e produce il risultato. Qui: Il progetto Lovable clonato sul tuo computer, il file CLAUDE.md con le regole, una prima modifica provata con la build e i comandi per inviarla e vederla nell'anteprima di Lovable.

Con Claude Code

Consigliato

Claude Code lavora dentro una cartella del tuo computer: legge il file, scrive i risultati lì e li ritrovi la prossima volta. Serve un account Claude con piano Pro o Max (non è nel piano gratuito).

  1. 1
    Installa Claude Code, una volta sola. Apri il Terminale (su Mac: cerca «Terminale» con Spotlight; su Windows: «PowerShell») e incolla il comando. Al primo avvio si apre il browser per entrare con il tuo account Claude.
    ComandoMac
    curl -fsSL https://claude.ai/install.sh | bash
    ComandoWindows (PowerShell)
    irm https://claude.ai/install.ps1 | iex
  2. 2
    Scarica il file dal riquadro «Per la tua AI» e mettilo in una cartella: quella del lavoro a cui vuoi applicarlo, o una nuova (per esempio guide-ai).
  3. 3
    Apri il Terminale in quella cartella. Il modo più semplice: scrivi cd, uno spazio, trascina la cartella dentro la finestra del Terminale e premi Invio.
  4. 4
    Avvia Claude Code scrivendo claude e premendo Invio. Poi incolla il comando della guida e rispondi alle domande, una alla volta.
    Terminalecosì, per esempio
    $ claude

> Leggi il file guida-lovable-claude-code-github.md e segui le istruzioni scritte all'inizio.

  Ho letto la guida. Prima domanda, una alla volta:
  qual è la richiesta che rifai più spesso?

Su claude.ai, senza installare niente

Apri una chat nuova su claude.ai, allega il file con la graffetta e scrivi la frase qui sotto. Se usi i Progetti, aggiungi il file ai contenuti del progetto: resta a disposizione in ogni chat.

Leggi le istruzioni all'inizio del file allegato e seguile.

Con ChatGPT o un'altra AI

Allega il file alla chat e scrivi la stessa frase. Le istruzioni sono pensate per Claude Code: dove parlano di cartelle e comandi, l'AI ti darà il testo da copiare al posto di scriverlo lei sul tuo computer.

Vale per qualunque assistente che legge i file allegati.

CondividiWhatsAppLinkedIn

Continua con

Vuoi che un sistema così lo costruiamo insieme nella tua azienda? Prenota la call conoscitiva: 30 minuti, senza impegno.