Lovable : intégrez le serveur à Supabase

Elle dote votre application Lovable d'un backend entièrement géré. Sans elle, Lovable peut tout de même créer votre interface, mais vous n'auriez aucun endroit pour conserver des données ou gérer les utilisateurs d'emblée. 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, téléverser des fichiers, exécuter du code côté serveur, et bien plus encore, le tout automatiquement. En substance, Supabase fournit les bases de données et les serveurs derrière votre application, et Lovable les pilote grâce à vos instructions.

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, ce qui vous permet de démarrer sans aucun 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, accédez à la section Intégrations. Cliquez sur Connecter à Supabase et suivez les étapes d'authentification. Si nécessaire, créez un nouveau projet Supabase depuis Lovable. Lovable générera automatiquement le schéma de base de données requis et le connectera à votre projet.

Absolument. Lorsque vous utilisez Lovable + Supabase, vos données sont stockées 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 application via des requêtes HTTP. Par exemple, Zapier peut récupérer ou ajouter des enregistrements dans une table Supabase de votre application. De plus, vous pouvez créer des points de terminaison d'API personnalisés à l'aide des Edge Functions de Supabase (que Lovable peut vous aider à créer) pour déclencher des flux de travail plus complexes. En bref, l'intégration avec des services d'automatisation tiers est tout à fait possible – il faut simplement parfois un peu de configuration avec les clés d'API ou les webhooks de Supabase.

Supabase repose sur PostgreSQL, qui peut gérer de grandes quantités de données et un trafic élevé. D'emblée, votre base de données gratuite peut prendre en charge une charge de travail conséquente (des millions de lignes, plusieurs connexions). À mesure que vos besoins augmentent, vous pouvez passer à une offre Supabase supérieure pour plus de stockage, de débit et de fonctionnalités. De nombreuses applications en production fonctionnent entièrement sur Supabase, vous êtes donc entre de bonnes mains. Veillez simplement à respecter les limites d'utilisation de l'offre gratuite (que Supabase documente sur son site) et prévoyez de monter en puissance si vous vous en approchez.

Supabase intègre des abonnements en temps réel à votre base de données. Cela signifie que votre application peut détecter les changements (insertions, mises à jour, suppressions) sur des tables spécifiques et réagir instantanément. Pour en profiter, vous concevez votre fonctionnalité d'application Lovable comme d'habitude (par exemple, un salon de discussion qui enregistre les 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. Concrètement, une fois que vous avez créé une table pour, disons, les messages de chat, vous pouvez demander à Lovable d'« activer les mises à jour en temps réel pour le chat » et il utilisera l'API temps réel de Supabase en coulisses. Les utilisateurs verront alors les nouveaux messages apparaître en direct, sans avoir à actualiser la page. Cela fonctionne dans tous les cas où les mises à jour en direct sont utiles (commentaires, notifications, tableaux de bord, etc.).

Avec l'offre gratuite, Supabase limite la taille de chaque fichier importé à 50 Mo. Cela couvre la plupart des cas d'usage, 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 ensembles de données), le passage à une offre payante permet des imports plus volumineux, 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 : accéder au tableau de bord Supabase > Authentification. Activer la connexion/l'inscription par e-mail. Désactiver la confirmation par e-mail pour faciliter les tests en local.

Oui, c'est possible. Vous pouvez créer plusieurs applications front-end dans Lovable qui se connectent toutes au même projet Supabase (et partagent ainsi la même base de données et la même authentification). C'est une approche avancée, mais réalisable – par exemple, une application principale et un tableau de bord d'administration sous forme de projets Lovable distincts utilisant une base de données commune. Lors de la connexion à Supabase dans chaque projet, sélectionnez simplement le même projet Supabase. Gardez à l'esprit que toutes ces applications liront et écriront les mêmes données : concevez-les en conséquence.

Pour le moment, chaque projet Lovable se connecte à un seul projet Supabase, et Lovable ne dispose pas d'un mode de préproduction intégré. Si vous souhaitez un espace 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 distinct à une branche ou à un double de votre base de données pour vos tests. De manière générale, pour les projets sérieux, vous devez faire preuve de prudence lorsque vous modifiez le schéma d'une application en production : créez plutôt une sauvegarde ou utilisez le branching, puis fusionnez les changements une fois prêts. L'intégration de Lovable évolue, et de futures mises à jour pourraient introduire des flux de préproduction plus fluides.

Oui. L'interface web de Supabase inclut un assistant SQL alimenté par l'IA qui peut générer des requêtes SQL à partir du langage naturel. Donc, si vous avez besoin d'une requête complexe ou que vous n'êtes pas à l'aise pour écrire du 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 s'occupe de la majeure partie de la création du schéma et des requêtes pour vous. Mais si vous êtes un utilisateur avancé et que vous 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 selon vos besoins.

Les paiements sont gérés via des intégrations comme Stripe, que vous pouvez utiliser conjointement avec les Edge Functions de Supabase. 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 en tant que secret) et stockerait éventuellement les détails de la transaction dans votre base de données Supabase. L'interface serait mise à jour pour inclure le bouton de paiement. En substance, Supabase fournit l'environnement (Edge Functions, base de données) pour mettre en œuvre les paiements, et Lovable peut générer le code pour vous. Pour plus de détails, vous pouvez aussi consulter le guide d'intégration Stripe & Paiements dans la documentation de Lovable, qui explique spécifiquement comment configurer Stripe.