Lovable: integra il backend con Supabase

Fornisce alla tua app Lovable un backend completamente gestito. Senza di esso, Lovable può comunque creare la tua interfaccia, ma non avresti un posto dove conservare i dati o gestire gli utenti fin da subito. Con Supabase connesso, Lovable può creare account utente (autenticazione), memorizzare e recuperare dati in un database, caricare file, eseguire codice lato server e altro ancora, tutto automaticamente. In sostanza, Supabase fornisce i database e i server dietro la tua app, e Lovable li gestisce tramite le istruzioni.

Sì. Lovable e Supabase sono due piattaforme separate. Oltre al tuo account Lovable, ti servirà un account su Supabase (per ospitare il tuo database). La buona notizia è che entrambe offrono un piano gratuito, quindi puoi iniziare senza alcun costo. Ricorda solo che, se in seguito passerai a un piano superiore per avere più utilizzo o funzionalità, dovrai gestire la fatturazione di ciascun servizio separatamente.

Nell'editor di Lovable, vai alla sezione Integrazioni. Clicca 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 di database necessario e lo collegherà al tuo progetto.

Assolutamente sì. Quando usi Lovable + Supabase, i tuoi dati risiedono nel database di Supabase, che 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 di backend della tua app tramite richieste HTTP. Ad esempio, Zapier potrebbe recuperare o aggiungere record a una tabella Supabase della tua app. Inoltre, puoi creare endpoint API personalizzati usando le Edge Functions di Supabase (che Lovable può aiutarti a creare) per attivare flussi di lavoro più complessi. In breve, l'integrazione con servizi di automazione di terze parti è fattibile: potrebbe semplicemente richiedere un po' di configurazione con le chiavi API o i webhook di Supabase.

Supabase è basato su PostgreSQL, in grado di gestire grandi quantità di dati e traffico elevato. Da subito, il tuo database gratuito può gestire un carico di lavoro discreto (milioni di righe, connessioni multiple). Man mano che le tue esigenze crescono, puoi passare a un piano Supabase superiore per ottenere più spazio di archiviazione, throughput e funzionalità. Molte app in produzione girano interamente su Supabase, quindi sei in buone mani. Tieni solo presente i limiti di utilizzo del piano gratuito (che Supabase documenta sul proprio sito) e pianifica di scalare se ti avvicini a tali limiti.

Supabase offre sottoscrizioni in tempo reale integrate sul tuo database. Questo significa che la tua app può rimanere in ascolto delle modifiche (inserimenti, aggiornamenti, eliminazioni) su tabelle specifiche e reagire istantaneamente. Per sfruttarlo, progetterai la funzionalità della tua app Lovable come al solito (ad esempio una chat che scrive i messaggi in una tabella messages). Lovable conosce le funzionalità in tempo reale di Supabase, quindi può configurare il front-end in modo che riceva le modifiche di quella tabella. In pratica, dopo aver creato una tabella per, diciamo, i messaggi di chat, puoi chiedere a Lovable di “abilitare gli aggiornamenti in tempo reale per la chat” e userà l'API in tempo reale di Supabase dietro le quinte. Gli utenti vedranno quindi i nuovi messaggi comparire in tempo reale senza dover aggiornare la pagina. Funziona per qualsiasi scenario in cui gli aggiornamenti in tempo reale sono utili (commenti, notifiche, dashboard, ecc.).

Nel piano gratuito, Supabase limita la dimensione del singolo caricamento file a 50MB. Questo copre la maggior parte dei casi d'uso come immagini, audio o video brevi. Se hai bisogno di gestire file più grandi (come video lunghi o set di dati di grandi dimensioni), passare a un piano a pagamento abilita caricamenti più grandi e persino riprendibili. Nota inoltre che esiste una quota complessiva di archiviazione per progetto (ad esempio quanti GB totali puoi memorizzare) che aumenta con i piani superiori.

Lovable configura automaticamente l'autenticazione, ma potresti dover: andare su Dashboard Supabase > Autenticazione. Abilitare l'accesso/registrazione via email. Disabilitare la conferma via email per facilitare i test in locale.

Sì, puoi farlo. Potresti creare in Lovable più applicazioni front-end che si connettono tutte allo stesso progetto Supabase (condividendo così lo stesso database e la stessa autenticazione). Questo è un approccio avanzato, ma è possibile: ad esempio, un'app principale e un pannello di amministrazione come progetti Lovable separati che usano un unico database comune. Quando connetti Supabase in ciascun 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 connette a un solo progetto Supabase e Lovable non dispone di una modalità di staging integrata. Se desideri un ambiente sicuro in cui sperimentare, Supabase offre una funzionalità chiamata Branching che ti permette di creare una copia temporanea del tuo database (come un ramo Git) per testare le modifiche. Potresti connettere un progetto Lovable separato a un ramo o a un duplicato del tuo database per i test. In generale, per i progetti seri è meglio prestare attenzione nell'apportare modifiche allo schema su un'app in produzione: magari crea un backup o usa Branching, quindi unisci le modifiche quando sei pronto. L'integrazione di Lovable è in continua evoluzione, quindi i futuri aggiornamenti potrebbero introdurre flussi di staging più fluidi.

Sì. L'interfaccia web di Supabase include un Assistente SQL basato sull'AI che può generare query SQL dal linguaggio naturale. Quindi, se hai bisogno di una query complessa o non ti senti a tuo agio nello scrivere SQL, puoi provare quello strumento nell'editor SQL di Supabase. Dal lato di Lovable, in genere non hai affatto bisogno di scrivere SQL a mano: l'AI 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 secondo necessità.

I pagamenti vengono gestiti tramite integrazioni come Stripe, che puoi usare insieme alle Edge Functions di Supabase. Ad esempio, potresti dare un'istruzione 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 memorizzata come secret) e magari memorizzerebbe i dettagli della transazione nel tuo database Supabase. L'interfaccia verrebbe aggiornata per includere il pulsante di checkout/pagamento. In sostanza, Supabase fornisce l'ambiente (Edge Functions, database) per implementare i pagamenti, e Lovable può impostare il codice per te. Per maggiori dettagli, puoi anche consultare la guida all'integrazione Stripe e Pagamenti nella documentazione di Lovable, che spiega nello specifico come configurare Stripe.