Lovable: integra il backend con Supabase

Dà alla tua app Lovable un backend completamente gestito. Senza di essa, Lovable può comunque costruire la tua UI, ma non avresti un posto dove persistere i dati o gestire utenti out-of-the-box. Con Supabase connesso, Lovable può creare account utente (autenticazione), archiviare e recuperare dati in un database, caricare file, eseguire codice lato server e altro, tutto automaticamente. In sostanza, Supabase fornisce i database e i server dietro la tua app, e Lovable li guida tramite prompt.

Sì. Lovable e Supabase sono due piattaforme separate. Avrai bisogno di un account su Supabase (per ospitare il tuo database) oltre al tuo account Lovable. La buona notizia è che entrambe hanno piani gratuiti, quindi puoi iniziare senza costi. Ricorda solo che, se in seguito effettui l'upgrade per più utilizzo o funzionalità, gestirai la fatturazione di ciascun servizio individualmente.

Nell'editor Lovable, vai alla sezione Integrazioni. Fai clic su Connetti a Supabase e segui i passaggi di autenticazione. Se necessario, crea un nuovo progetto Supabase all'interno di Lovable. Lovable genererà automaticamente lo schema del database necessario e lo collegherà al tuo progetto.

Assolutamente sì. Quando usi Lovable + Supabase, i tuoi dati risiedono nel database di Supabase e Supabase fornisce anche API RESTful generate automaticamente per le tue tabelle (oltre a una libreria client). Questo significa che puoi usare strumenti come Zapier, Make.com o qualsiasi altro servizio per interagire con i dati backend della tua app tramite richieste HTTP. Per esempio, Zapier potrebbe recuperare o aggiungere record a una tabella Supabase della tua app. Inoltre, puoi creare endpoint API personalizzati usando Supabase Edge Functions (che Lovable può aiutare a creare) per attivare workflow più complessi. In breve, l'integrazione con servizi di automazione di terze parti è fattibile: potrebbe solo richiedere un po' di configurazione con le chiavi API o i webhook di Supabase.

Supabase è costruito su PostgreSQL, che può gestire grandi quantità di dati e traffico elevato. Out of the box, il tuo database gratuito può gestire un carico discreto (milioni di righe, più connessioni). Man mano che le tue esigenze crescono, puoi aggiornare il tuo piano Supabase per ottenere più spazio, throughput e funzionalità. Molte app in produzione funzionano interamente su Supabase, quindi sei in buone mani. Fai solo attenzione ai limiti di utilizzo del piano gratuito (che Supabase documenta sul proprio sito) e pianifica di scalare se ti avvicini a quei limiti.

Supabase ha sottoscrizioni in tempo reale integrate nel tuo database. Questo significa che la tua app può ascoltare modifiche (inserimenti, aggiornamenti, eliminazioni) su tabelle specifiche e reagire all'istante. Per sfruttarle, progetteresti la funzionalità della tua app Lovable come al solito (ad esempio una chat room che scrive messaggi in una tabella messages). Lovable conosce le funzionalità in tempo reale di Supabase, quindi può configurare il front-end per sottoscrivere le modifiche di quella tabella. In pratica, dopo aver creato una tabella per, ad esempio, i messaggi della chat, puoi chiedere a Lovable di “abilitare gli aggiornamenti in tempo reale per la chat” e userà sotto il cofano l'API real-time di Supabase. Gli utenti vedranno quindi i nuovi messaggi apparire live senza dover aggiornare la pagina. Funziona per qualsiasi scenario in cui gli aggiornamenti live sono utili (commenti, notifiche, dashboard, ecc.).

Nel piano gratuito, Supabase limita la dimensione dei singoli file caricati a 50MB. Questo copre la maggior parte dei casi d'uso, come immagini, audio o brevi video. Se devi gestire file più grandi (come video lunghi o grandi dataset), il passaggio a un piano a pagamento abilita caricamenti più grandi e anche riprendibili. Nota anche che esiste una quota di archiviazione complessiva per progetto (ad esempio quanti GB totali puoi archiviare) che aumenta con i piani superiori.

Lovable configura automaticamente l'autenticazione, ma potresti dover: andare alla Dashboard Supabase > Authentication. Abilitare Email Sign-in/Sign-up. Disabilitare la conferma email per semplificare i test locali.

Sì, puoi. Potresti costruire più applicazioni front-end in Lovable che si collegano tutte allo stesso progetto Supabase (e quindi condividono lo stesso database e auth). È avanzato, ma possibile: ad esempio, un'app principale e una dashboard admin come progetti Lovable separati che usano un database comune. Quando colleghi Supabase in ogni progetto, seleziona semplicemente lo stesso progetto Supabase. Tieni presente che tutte queste app leggeranno/scriveranno gli stessi dati, quindi progetta di conseguenza.

Al momento, ogni progetto Lovable si collega a un progetto Supabase e Lovable non ha una modalità staging integrata. Se vuoi un ambiente sicuro per sperimentare, Supabase offre una funzionalità chiamata Branching che ti permette di creare una copia temporanea del tuo database (come un branch git) per testare modifiche. Potresti collegare un progetto Lovable separato a un branch o a un duplicato del tuo database per i test. In generale, per progetti seri dovresti fare attenzione quando modifichi lo schema su un'app live: magari crea un backup o usa il branching, poi unisci le modifiche quando sei pronto. L'integrazione Lovable è in evoluzione, quindi futuri aggiornamenti potrebbero introdurre workflow di staging più fluidi.

Sì. L'interfaccia web di Supabase include un AI SQL Assistant che può generare query SQL dal linguaggio naturale. Quindi, se ti serve una query complessa o non ti senti a tuo agio a scrivere SQL, puoi provare quello strumento nell'editor SQL di Supabase. Dal lato Lovable, in genere non devi scrivere SQL a mano: l'IA gestisce per te la maggior parte della creazione dello schema e delle query. Ma se sei un utente avanzato e vuoi fare qualcosa di personalizzato, puoi sempre usare l'integrazione GitHub di Lovable per ispezionare o modificare il codice, oppure eseguire SQL grezzo sul database se necessario.

I pagamenti sono gestiti tramite integrazioni come Stripe, che puoi usare insieme a Supabase Edge Functions. Per esempio, potresti chiedere a Lovable: “Aggiungi un pulsante di checkout ed elabora i pagamenti con Stripe.” Lovable creerebbe quindi una Edge Function che comunica con l'API di Stripe (usando la tua chiave segreta Stripe archiviata come segreto) e magari salverebbe i dettagli della transazione nel tuo database Supabase. L'UI verrebbe aggiornata per includere il pulsante checkout/pagamento. In sostanza, Supabase fornisce l'ambiente (Edge Functions, database) per implementare i pagamenti, e Lovable può creare lo scaffold del codice per te. Per maggiori dettagli, puoi anche consultare la guida all'integrazione Stripe & Payments nella documentazione di Lovable, che copre specificamente la configurazione di Stripe.