Lovable : intégrer le backend avec Supabase

Elle donne à votre app Lovable un backend entièrement géré. Sans elle, Lovable peut toujours créer votre UI, mais vous n'auriez aucun endroit pour persister les données ou gérer les utilisateurs out-of-the-box. Avec Supabase connecté, Lovable peut créer des comptes utilisateurs (authentification), stocker et récupérer des données dans une base de données, importer des fichiers, exécuter du code côté serveur et plus encore — le tout automatiquement. En substance, Supabase fournit les bases de données et les serveurs derrière votre app, et Lovable les pilote via des prompts.

Oui. Lovable et Supabase sont deux plateformes distinctes. Vous aurez besoin d'un compte Supabase (pour héberger votre base de données) en plus de votre compte Lovable. La bonne nouvelle, c'est que les deux proposent des offres gratuites, vous pouvez donc démarrer sans frais. Gardez simplement à l'esprit que si vous passez ensuite à une offre supérieure pour plus d'utilisation ou de fonctionnalités, vous gérerez la facturation de chaque service séparément.

Dans l'éditeur Lovable, allez dans la section Intégrations. Cliquez sur Connecter à Supabase et suivez les étapes d'authentification. Si nécessaire, créez un nouveau projet Supabase dans Lovable. Lovable générera automatiquement le schéma de base de données nécessaire et le connectera à votre projet.

Absolument. Lorsque vous utilisez Lovable + Supabase, vos données résident dans la base de données de Supabase et Supabase fournit également des API RESTful générées automatiquement pour vos tables (ainsi qu'une bibliothèque client). Cela signifie que vous pouvez utiliser des outils comme Zapier, Make.com ou tout autre service pour interagir avec les données backend de votre app via des requêtes HTTP. Par exemple, Zapier pourrait récupérer ou ajouter des enregistrements dans une table Supabase de votre app. Vous pouvez également créer des endpoints API personnalisés avec Supabase Edge Functions (que Lovable peut aider à créer) pour déclencher des workflows plus complexes. En bref, l'intégration avec des services d'automatisation tiers est possible — elle peut simplement nécessiter un peu de configuration avec les clés API ou webhooks de Supabase.

Supabase est construit sur PostgreSQL, qui peut gérer de grandes quantités de données et un trafic élevé. Dès le départ, votre base de données gratuite peut gérer une charge de travail correcte (des millions de lignes, plusieurs connexions). À mesure que vos besoins augmentent, vous pouvez passer à une offre Supabase supérieure pour obtenir plus de stockage, de débit et de fonctionnalités. De nombreuses apps de production fonctionnent entièrement sur Supabase, vous êtes donc entre de bonnes mains. Soyez simplement attentif aux limites d'utilisation de l'offre gratuite (que Supabase documente sur son site) et prévoyez de monter en charge si vous approchez ces limites.

Supabase dispose d'abonnements en temps réel intégrés à votre base de données. Cela signifie que votre app peut écouter les changements (insertions, mises à jour, suppressions) sur des tables spécifiques et réagir instantanément. Pour en tirer parti, vous concevriez la fonctionnalité de votre app Lovable comme d'habitude (par exemple, un salon de chat qui écrit des messages dans une table messages). Lovable connaît les capacités temps réel de Supabase, il peut donc configurer le front-end pour s'abonner aux changements de cette table. En pratique, après avoir créé une table pour, par exemple, des messages de chat, vous pouvez demander à Lovable « active les mises à jour en temps réel pour le chat » et il utilisera l'API temps réel de Supabase en arrière-plan. Les utilisateurs verront alors les nouveaux messages apparaître en direct sans avoir besoin d'actualiser. Cela fonctionne pour tout scénario où les mises à jour en direct sont utiles (commentaires, notifications, tableaux de bord, etc.).

Dans l'offre gratuite, Supabase limite la taille de téléversement d'un fichier individuel à 50 Mo. Cela couvre la plupart des cas d'utilisation comme les images, l'audio ou les vidéos courtes. Si vous devez gérer des fichiers plus volumineux (comme de longues vidéos ou de grands jeux de données), passer à une offre payante permet des téléversements plus grands et même reprenables. Notez également qu'il existe un quota de stockage global par projet (par exemple, le nombre total de Go que vous pouvez stocker) qui augmente avec les offres supérieures.

Lovable configure automatiquement l'authentification, mais vous devrez peut-être : Aller dans Supabase Dashboard > Authentication. Activer Email Sign-in/Sign-up. Désactiver la confirmation par e-mail pour faciliter les tests locaux.

Oui, c'est possible. Vous pourriez créer plusieurs applications front-end dans Lovable qui se connectent toutes au même projet Supabase (et partagent donc la même base de données et la même authentification). C'est avancé, mais possible — par exemple, une app principale et un tableau de bord admin en tant que projets Lovable séparés utilisant une base de données commune. Lors de la connexion de Supabase dans chaque projet, sélectionnez simplement le même projet Supabase. Gardez à l'esprit que toutes ces apps liront/écriront les mêmes données, donc concevez en conséquence.

Pour le moment, chaque projet Lovable se connecte à un projet Supabase, et Lovable ne dispose pas d'un mode de staging intégré. Si vous voulez un terrain de test sûr pour expérimenter, Supabase propose une fonctionnalité appelée Branching qui vous permet de créer une copie temporaire de votre base de données (comme une branche git) pour tester des changements. Vous pourriez connecter un projet Lovable séparé à une branche ou à un duplicata de votre base de données pour les tests. En général, pour des projets sérieux, il faut être prudent lors des changements de schéma sur une app en ligne — peut-être créer une sauvegarde ou utiliser le branching, puis fusionner les changements lorsque vous êtes prêt. L'intégration de Lovable évolue, donc de futures mises à jour pourraient introduire des workflows de staging plus fluides.

Oui. L'interface web de Supabase inclut un AI SQL Assistant capable de générer des requêtes SQL à partir du langage naturel. Donc, si vous avez besoin d'une requête complexe ou si vous n'êtes pas à l'aise avec l'écriture de SQL, vous pouvez essayer cet outil dans l'éditeur SQL de Supabase. Du côté de Lovable, vous n'avez généralement pas besoin d'écrire du SQL à la main — l'IA gère pour vous la plupart de la création du schéma et des requêtes. Mais si vous êtes un utilisateur avancé et souhaitez faire quelque chose de personnalisé, vous pouvez toujours utiliser l'intégration GitHub de Lovable pour inspecter ou modifier le code, ou exécuter du SQL brut sur la base de données si nécessaire.

Les paiements sont gérés via des intégrations comme Stripe, que vous pouvez utiliser avec Supabase Edge Functions. Par exemple, vous pourriez demander à Lovable : « Ajoute un bouton de paiement et traite les paiements avec Stripe. » Lovable créerait alors une Edge Function qui communique avec l'API de Stripe (en utilisant votre clé secrète Stripe stockée comme secret) et stockerait éventuellement les détails de la transaction dans votre base de données Supabase. L'UI serait mise à jour pour inclure le bouton de paiement. En substance, Supabase fournit l'environnement (Edge Functions, base de données) pour implémenter les paiements, et Lovable peut générer l'ossature du code pour vous. Pour plus de détails, vous pouvez également consulter le guide d'intégration Stripe et paiements dans la documentation de Lovable, qui couvre spécifiquement la configuration de Stripe.