Retour

AI Extension Builder : une base Supabase dans votre app

le 

L'AI Extension Builder vous permet déjà de créer une section sur mesure en la décrivant en langage courant. Désormais, ces sections savent mémoriser et partager de vraies données. Demandez un sondage, une liste de réservations ou un livre d'or : le builder met en place les données qui vont derrière et les relie à votre app en ligne, grâce à une nouvelle intégration avec Supabase.

L'AI Extension Builder a maintenant de la mémoire

Jusqu'ici, l'AI Extension Builder excellait dans un exercice précis : transformer une phrase en une section fonctionnelle. Décrivez un compte à rebours, un mood board, un mini-jeu, et il apparaît dans votre app, habillé pour s'y intégrer parfaitement. Mais chaque section qu'il produisait vivait entièrement sur l'appareil du visiteur. Rien de ce qu'il générait ne pouvait conserver une information ni la faire circuler d'une personne à l'autre.

C'était là sa limite. Demandez un « sondage lecteurs » et vous obteniez un sondage qui fonctionnait très bien pour une personne, sur un seul appareil. Les votes restaient dans le navigateur. On ferme l'app, ils disparaissent. On l'ouvre sur un autre téléphone, le compteur repart de zéro. Un livre d'or que vous seul pouvez lire n'est pas un livre d'or. Une liste de réservations qui se remet à zéro sur chaque appareil n'est pas une liste de réservations.

La raison était toujours la même : ces fonctionnalités ont besoin d'un endroit où stocker leurs données, et d'un jeu de règles pour décider qui peut les lire et les écrire. Cette couche — un backend — c'est la partie difficile, et c'est précisément le genre de chose qui figurait parmi les limites des créateurs d'apps no-code. Le nouveau connecteur Supabase l'apporte directement dans le builder. L'AI Extension Builder construit désormais la couche de données en même temps que la section, dans la même conversation, avant même d'écrire une ligne de code.

(Si vous découvrez cette façon de créer des sections, commencez par comprendre comment fonctionne l'AI Extension Builder — cet article prend la suite. C'est le même outil qui a récemment appris à gérer l'envoi de fichiers, et qui gagne aujourd'hui une couche de données.)

Décrivez la fonctionnalité, ses données suivent

Prenez un studio de yoga qui veut une section de réservation de cours intégrée à son app. Vous la décrivez : « une liste des cours de la semaine, et un bouton pour que les membres réservent une place, avec le nombre de places restantes qui se met à jour au fil des réservations. »

Le builder planifie la fonctionnalité, comprend que les réservations doivent persister et être visibles par tout le monde, et met en place un endroit pour les stocker. Quand un membre réserve le mardi, le gérant du studio le voit le mercredi, et le membre suivant voit une place de moins. Les données sont réelles, partagées, et elles survivent — parce que la section dispose maintenant d'un backend relié, pas seulement d'un écran.

Vous décrivez ce que la fonctionnalité fait. Le builder détermine les données dont elle a besoin et les construit lui aussi.

Comment fonctionne la connexion à Supabase

La première fois qu'une de vos sections a besoin de stocker des données, le builder vous demande de connecter Supabase — une plateforme de backend open source très répandue, dotée d'une offre gratuite généreuse. Vous cliquez sur Connecter, vous vous identifiez une fois via la connexion propre à Supabase (le même type d'étape « connectez votre compte » que vous connaissez déjà quand vous reliez un service), et vous revenez dans le studio. Chaque section qui aura ensuite besoin de données réutilise cette même connexion en un seul clic.

Derrière ce clic unique, le builder prend en charge les parties qui sont d'ordinaire délicates et faciles à rater :

  • Il crée la structure de données à votre place. Vous décrivez la fonctionnalité ; le builder détermine de quoi se compose une « réservation », un « vote » ou une « inscription », et met en place le stockage correspondant.
  • Il sécurise les données. Chaque table est livrée avec des règles d'accès (Row-Level Security, des règles d'accès par ligne) pour que vos données ne restent pas grandes ouvertes — lectures et écritures sont encadrées dès le départ.
  • Il gère les clés de connexion. Le builder distingue la clé que l'on peut sans risque embarquer dans votre app de celle qui doit rester privée, et s'en charge lui-même.
  • Il vous demande avant toute modification sensible. Si une évolution de votre fonctionnalité venait à altérer ou supprimer des données déjà présentes, le builder s'arrête et vous consulte, en langage clair, avant d'y toucher.

Le tout s'affiche en direct dans l'aperçu pendant que vous l'affinez, et part dans votre app publiée.

Cela reste une section GoodBarber pleinement intégrée

C'est le point qui compte. La section produite par le builder n'est pas un bout de code isolé qu'il faudrait héberger, déployer ou maintenir quelque part. C'est une partie à part entière de votre app : elle hérite de l'hébergement GoodBarber, suit le système Smart Design, et part dans vos apps iOS, Android et web publiées via la même chaîne de déploiement sur les stores que toutes les autres extensions du catalogue de plus de 190 extensions de l'Extension Store.

La couche de données suit la même logique. Le builder ne vous tend pas une base de données en vous laissant la brancher. Il provisionne le stockage, le sécurise, le relie à la section et dépose la fonctionnalité finie dans votre app. Vous obtenez une fonctionnalité qui marche, présente sur les stores, pas un projet technique à assembler.

Pourquoi Supabase ?

Supabase est l'une des plateformes de backend open source les plus utilisées dans le monde du développement. Sous le capot, c'est PostgreSQL — la base de données éprouvée qui fait tourner des logiciels sérieux un peu partout — enveloppée d'une API instantanée, d'une authentification, d'un stockage de fichiers et de mises à jour en temps réel. Sa fiabilité tient justement à ce qu'elle est ouverte, standard, et pas une boîte noire.

Ce que GoodBarber ajoute, c'est tout ce qui rend d'habitude cette fondation difficile à exploiter — la mise en place, les règles de sécurité, la connexion à votre app — pour que vous profitiez de la puissance de Supabase sans jamais toucher à son tableau de bord.

Ce que vous pouvez construire dès maintenant

La règle est simple : si une fonctionnalité doit mémoriser quelque chose, ou montrer la même chose à plusieurs personnes, elle a désormais un foyer. Quelques exemples de ce qui devient possible rien qu'en le décrivant :

  • Livres d'or, murs de commentaires et avis — un visiteur laisse un message, tout le monde le voit.
  • Sondages, votes, enquêtes et notes — recueillez les réponses et affichez le décompte en direct.
  • Formulaires d'inscription, listes d'attente et confirmations de présence — collectez des inscriptions que vous pourrez vraiment récupérer plus tard.
  • Réservations et prises de rendez-vous — créneaux de cours, réservations de table, disponibilités partagées entre tous les utilisateurs.
  • Classements et tableaux des scores — des meilleurs scores communs à tous, qui se mettent à jour au fil des parties.
  • Chat en direct et forums de discussion — une conversation en temps réel au sein de votre app.
  • Listes collaboratives et notes partagées — un wiki communautaire, une to-do commune, tout ce qui s'édite à plusieurs mains.

Les fonctionnalités vraiment personnelles — un suivi d'habitudes privé, une calculatrice, la progression d'un jeu en solo — n'ont besoin de rien de tout cela, et le builder n'ajoutera pas de backend là où il n'a pas lieu d'être. La couche de données apparaît quand la fonctionnalité appelle des informations partagées ou durables, et s'efface quand ce n'est pas le cas.

Bon à savoir

  • Les données vivent dans votre propre projet Supabase. Vous connectez votre compte Supabase, donc les données de votre fonctionnalité restent sous votre contrôle, sur une infrastructure qui vous appartient. L'offre gratuite de Supabase couvre déjà beaucoup de terrain avant qu'un plan payant n'entre en jeu. (C'est distinct du contenu de votre app GoodBarber, qui reste hébergé par GoodBarber.)
  • Les règles d'accès sont configurées pour vous, et méritent qu'on s'y intéresse. Chaque table reçoit d'emblée des politiques de lecture/écriture sensées. À mesure que vos fonctionnalités se développent, il est utile de comprendre ce que font ces règles — le builder fait du chemin sécurisé l'option par défaut.

Pour aller plus loin

FAQ

Qu'est-ce que le connecteur Supabase dans l'AI Extension Builder ?

C'est une intégration qui permet à l'AI Extension Builder de doter une section générée d'un vrai backend. Quand vous décrivez une fonctionnalité qui doit stocker ou partager des données, le builder met en place les tables de base de données nécessaires, les sécurise et les relie à votre section — pour que la fonctionnalité puisse mémoriser des informations et les montrer à chaque utilisateur, et pas seulement à une personne sur un seul appareil.

Faut-il savoir coder, ou écrire du SQL ?

Non. Vous décrivez la fonctionnalité en langage courant. Le builder détermine les données dont elle a besoin, crée la structure, fixe les règles d'accès et écrit le code qui lit et écrit dedans. Vous vérifiez le résultat en direct dans l'aperçu.

Pourquoi l'AI Extension Builder utilise-t-il Supabase ?

Supabase est un backend open source très répandu, bâti sur PostgreSQL, avec base de données, authentification, stockage et fonctions en temps réel. Construire le connecteur sur une plateforme fiable et standard signifie que vos données reposent sur une fondation portable et bien maintenue — tandis que GoodBarber s'occupe de la mise en place, de la sécurité et de l'intégration pour que vous n'ayez jamais à travailler directement dans Supabase.

Faut-il un compte Supabase ?

Oui. La première fois qu'une section a besoin de stocker des données, le builder vous demande de connecter Supabase — une plateforme de backend open source dotée d'une offre gratuite généreuse. Vous vous identifiez une fois via la connexion propre à Supabase, et chaque section suivante réutilise cette connexion en un clic.

Où sont stockées les données de mon app, et à qui appartiennent-elles ?

Dans votre propre projet Supabase, sous votre compte, sur une infrastructure que vous contrôlez. C'est distinct du contenu de votre app GoodBarber (articles, produits, médias), qui reste hébergé par GoodBarber.

Les données sont-elles sécurisées ?

Chaque table créée par le builder est livrée avec des politiques Row-Level Security, si bien que les lectures et les écritures sont encadrées dès le départ plutôt que laissées ouvertes. À mesure que vos fonctionnalités se développent, il vaut la peine de comprendre ce que font ces règles — le builder fait de la configuration sécurisée l'option par défaut.

Quels types de fonctionnalités puis-je construire avec ?

Tout ce qui doit mémoriser quelque chose ou le partager entre utilisateurs : livres d'or, murs de commentaires, sondages et enquêtes, formulaires d'inscription et listes d'attente, confirmations de présence, réservations et prises de rendez-vous, classements, chat en direct et listes collaboratives. Les fonctionnalités purement personnelles — une calculatrice, un suivi d'habitudes privé, un jeu en solo — n'en ont pas besoin, et le builder n'ajoutera pas de backend là où il n'a pas lieu d'être.

Plusieurs sections peuvent-elles partager la même base de données ?

Oui. Après la première connexion, chaque nouvelle section qui a besoin de données réutilise votre projet Supabase existant en un clic, tout en gardant ses propres données séparées.

Essayez sur votre prochaine idée

Ouvrez l'AI Extension Builder dans votre back office GoodBarber et décrivez une fonctionnalité que vous aviez classée dans les « trop compliquées » — le sondage lecteurs, la confirmation de présence à un événement, la liste de réservations, le livre d'or. La première fois qu'elle aura besoin de données, connectez Supabase en deux clics, et regardez la fonctionnalité prendre vie avec un vrai backend derrière elle. Dites-nous ensuite ce que vous avez construit, et ce que vous aimeriez qu'elle fasse ensuite — c'est ce qui façonne la prochaine version.

Conseils pour créer une app