Terug

AI Extension Builder: koppel Supabase aan uw app

on 

Met de AI Extension Builder maakt u al een eigen app-sectie door hem gewoon in gewone taal te beschrijven. Vanaf nu kunnen die secties ook echte gegevens onthouden en delen. Vraag om een poll, een reserveringslijst of een gastenboek, en de builder zet de gegevens erachter klaar en koppelt ze aan uw live app — dankzij een nieuwe integratie met Supabase.

De AI Extension Builder heeft nu een geheugen

Tot nu toe blonk de AI Extension Builder in één ding uit: een zin omzetten in een werkende sectie. Beschrijf een aftelklok, een moodboard, een minigame — het verschijnt in uw app, meteen in de juiste stijl. Maar elke sectie die hij bouwde, leefde volledig op het toestel van de bezoeker. Niets wat hij maakte, kon informatie vasthouden of doorgeven aan anderen.

Daar zat de grens. Vroeg u om een "lezerspoll", dan kreeg u een poll die perfect werkte voor één persoon, op één toestel. De stemmen bleven in de browser. Sloot u de app, dan waren ze weg. Opende u hem op een andere telefoon, dan begon de teller weer op nul. Een gastenboek dat alleen u kunt lezen, is geen gastenboek. Een reserveringslijst die op elk toestel opnieuw begint, is geen reserveringslijst.

De reden was altijd dezelfde: die functies hebben een plek nodig om hun gegevens te bewaren, en een set regels voor wie ze mag lezen en schrijven. Die laag — een backend — is het lastige deel, en precies zo'n zaak die vroeger tot de beperkingen van no-code app-builders behoorde. De nieuwe Supabase-connector brengt die laag naar binnen, in de builder zelf. De AI Extension Builder bouwt nu de gegevenslaag samen met de sectie, in hetzelfde gesprek, nog voordat hij een regel code schrijft.

(Bent u nieuw met het bouwen van secties op deze manier? Begin dan met hoe de AI Extension Builder werkt — dit artikel gaat daarop verder. Het is dezelfde tool die onlangs leerde om bestanden te uploaden, nu ook met een gegevenslaag.)

Beschrijf de functie, en de gegevens komen erbij

Neem een yogastudio die een boekingssectie in de app wil. U beschrijft het: "een lijst met de lessen van deze week, en een knop waarmee leden een plek kunnen reserveren, met het aantal vrije plekken dat afneemt naarmate mensen boeken."

De builder maakt een plan voor de functie, herkent dat reserveringen bewaard moeten blijven en voor iedereen zichtbaar moeten zijn, en zet een plek klaar om ze op te slaan. Boekt een lid op dinsdag, dan ziet de studio-eigenaar het op woensdag, en het volgende lid ziet één plek minder. De gegevens zijn echt, gedeeld en blijven bestaan — want de sectie heeft nu een backend die erin verweven zit, niet alleen een scherm.

U beschrijft wat de functie doet. De builder bepaalt welke gegevens ze nodig heeft en bouwt die er ook bij.

Zo werkt de koppeling met Supabase

De eerste keer dat een van uw secties gegevens moet opslaan, vraagt de builder u om Supabase te koppelen — een veelgebruikt open-source backendplatform met een royale gratis versie. U klikt op Connect, logt één keer in via de eigen login van Supabase (dezelfde soort "koppel uw account"-stap die u al kent van het verbinden van andere diensten), en u bent weer terug in de studio. Elke volgende sectie die gegevens nodig heeft, hergebruikt diezelfde koppeling met één klik.

Achter die ene klik regelt de builder de onderdelen die normaal gesproken pietluttig en foutgevoelig zijn:

  • Hij maakt de gegevensstructuur voor u. U beschrijft de functie; de builder bepaalt waaruit een "reservering", een "stem" of een "aanmelding" bestaat, en zet de opslag daarop af.
  • Hij beveiligt de gegevens. Elke tabel krijgt toegangsregels mee (Row-Level Security, oftewel toegang per rij), zodat uw gegevens niet open en bloot liggen — lezen en schrijven zijn vanaf het begin geregeld.
  • Hij beheert de connectiesleutels. De builder maakt onderscheid tussen de sleutel die veilig met uw app mee mag en de sleutel die geheim moet blijven, en handelt dat zelf af.
  • Hij vraagt het u voordat er iets gevoeligs verandert. Zou een aanpassing aan uw functie bestaande gegevens wijzigen of verwijderen, dan stopt de builder en vraagt hij het u eerst, in gewone taal, voordat hij er iets aan doet.

Het geheel wordt live in de preview weergegeven terwijl u het verfijnt, en gaat mee in uw gepubliceerde app.

Het blijft een volledig geïntegreerde GoodBarber-sectie

Dit is het punt dat telt. De sectie die de builder oplevert, is geen los stukje code dat u ergens moet hosten, uitrollen of onderhouden. Het is een volwaardig onderdeel van uw app — het neemt de hosting van GoodBarber over, volgt het Smart Design-systeem en gaat mee in uw gepubliceerde iOS-, Android- en web-apps via dezelfde store-uitrol als elke andere extensie in de catalogus van 190+ in de Extension Store.

De gegevenslaag volgt dezelfde logica. De builder overhandigt u geen database om die zelf aan te sluiten. Hij zet de opslag klaar, beveiligt ze, koppelt ze aan de sectie en plaatst de afgewerkte functie in uw app. U krijgt een functie die werkt, in de stores, geen technisch project om in elkaar te zetten.

Waarom Supabase?

Supabase is een van de meest gebruikte open-source backendplatforms in de wereld van ontwikkelaars. Onder de motorkap is het PostgreSQL — dezelfde beproefde database die overal serieuze software aandrijft — aangevuld met een kant-en-klare API, authenticatie, bestandsopslag en real-time updates. Het wordt juist vertrouwd omdat het open, standaard en geen black box is.

Wat GoodBarber eraan toevoegt, is alles wat die basis normaal gesproken lastig maakt — het opzetten, de beveiligingsregels, de koppeling met uw app — zodat u de kracht van Supabase krijgt zonder ooit het dashboard aan te raken.

Wat u nu kunt bouwen

De vuistregel is simpel: moet een functie iets onthouden, of hetzelfde aan meer dan één persoon tonen, dan heeft ze nu een thuis. Een greep uit wat mogelijk wordt door het alleen maar te beschrijven:

  • Gastenboeken, reactiemuren en beoordelingen — bezoekers laten een bericht achter, iedereen ziet het.
  • Polls, stemmingen, enquêtes en ratings — verzamel reacties en toon de teller live.
  • Aanmeldformulieren, wachtlijsten en RSVP's voor evenementen — leg inschrijvingen vast die u later ook echt kunt opvragen.
  • Boekingen en reserveringen — lestijden, tafelreserveringen, beschikbaarheid van afspraken, gedeeld met alle gebruikers.
  • Ranglijsten en scoreborden — topscores over gebruikers heen die meebewegen terwijl mensen spelen.
  • Livechat en prikborden — real-time gesprek binnen uw app.
  • Gedeelde lijsten en notities — een community-wiki, een gedeelde takenlijst, alles waar veel handen aan meewerken.

Functies die echt persoonlijk zijn — een privé-gewoontetracker, een rekenmachine, de voortgang van een solospel — hebben hiervan niets nodig, en de builder voegt geen backend toe waar dat niet nodig is. De gegevenslaag verschijnt wanneer de functie om gedeelde of blijvende informatie vraagt, en blijft buiten beeld wanneer dat niet zo is.

Goed om te weten

  • De gegevens staan in uw eigen Supabase-project. U koppelt uw eigen Supabase-account, dus de gegevens van uw functie blijven onder uw beheer, op infrastructuur die van u is. De gratis versie van Supabase gaat een heel eind mee voordat een betaald plan überhaupt in beeld komt. (Dit staat los van uw GoodBarber-app-content, die door GoodBarber gehost blijft.)
  • De toegangsregels worden voor u ingesteld, en zijn de moeite waard om te begrijpen. Elke tabel krijgt standaard zinnige lees-/schrijfregels mee. Naarmate uw functies groeien, is het handig om te weten wat die regels doen — de builder maakt de veilige weg de standaard.

Meer lezen

FAQ

Wat is de Supabase-connector in de AI Extension Builder?

Het is een integratie waarmee de AI Extension Builder een gegenereerde sectie een echte backend kan geven. Beschrijft u een functie die gegevens moet opslaan of delen, dan zet de builder de benodigde databasetabellen klaar, beveiligt ze en koppelt ze aan uw sectie — zodat de functie informatie kan onthouden en aan elke gebruiker kan tonen, niet alleen aan één persoon op één toestel.

Moet ik kunnen programmeren of SQL schrijven?

Nee. U beschrijft de functie in gewone taal. De builder bepaalt welke gegevens de functie nodig heeft, maakt de structuur, stelt de toegangsregels in en schrijft de code die ernaar leest en schrijft. Het resultaat bekijkt u live in de preview.

Waarom gebruikt de AI Extension Builder Supabase?

Supabase is een veelgebruikte, open-source backend gebouwd op PostgreSQL, met database, authenticatie, opslag en real-time functies. Door de connector op een vertrouwd, standaard platform te bouwen, blijven uw gegevens op een overdraagbare, goed ondersteunde basis staan — terwijl GoodBarber het opzetten, de beveiliging en de integratie afhandelt, zodat u nooit rechtstreeks in Supabase hoeft te werken.

Heb ik een Supabase-account nodig?

Ja. De eerste keer dat een sectie gegevens moet opslaan, vraagt de builder u om Supabase te koppelen — een open-source backendplatform met een royale gratis versie. U logt één keer in via de eigen login van Supabase, en elke volgende sectie hergebruikt die koppeling met één klik.

Waar worden de gegevens van mijn app opgeslagen, en wie is de eigenaar?

In uw eigen Supabase-project, onder uw account, op infrastructuur die u beheert. Dit staat los van uw GoodBarber-app-content (artikelen, producten, media), die door GoodBarber gehost blijft.

Zijn de gegevens veilig?

Elke tabel die de builder aanmaakt, krijgt Row-Level Security-regels mee, zodat lezen en schrijven vanaf het begin geregeld zijn in plaats van open te liggen. Naarmate uw functies groeien, is het de moeite waard om te begrijpen wat die regels doen — de builder maakt de veilige opzet de standaard.

Wat voor soort functies kan ik ermee bouwen?

Alles wat iets moet onthouden of tussen gebruikers moet delen: gastenboeken, reactiemuren, polls en enquêtes, aanmeldformulieren en wachtlijsten, RSVP's voor evenementen, boekingen en reserveringen, ranglijsten, livechat en gedeelde lijsten. Puur persoonlijke functies — een rekenmachine, een privé-gewoontetracker, een solospel — hebben het niet nodig, en de builder voegt geen backend toe waar dat niet nodig is.

Kunnen meerdere secties dezelfde database delen?

Ja. Na de eerste koppeling hergebruikt elke nieuwe sectie die gegevens nodig heeft uw bestaande Supabase-project met één klik, terwijl elke sectie zijn eigen gegevens gescheiden houdt.

Probeer het bij uw volgende idee

Open de AI Extension Builder in uw GoodBarber-back-office en beschrijf een functie die u had weggeschoven onder "te ingewikkeld" — de lezerspoll, de RSVP voor een evenement, de reserveringslijst, het gastenboek. Zodra hij gegevens nodig heeft, koppelt u Supabase in een paar klikken, en ziet u de functie tot leven komen met een echte backend erachter. Vertel ons daarna wat u hebt gebouwd, en wat u het vervolgens wilt laten doen — dat is wat de volgende release vormgeeft.