AI Extension Builder: upload je eigen bestanden
Written by Dumè Siacci on
De AI Extension Builder kan nu jouw bestanden gebruiken. Sleep een logo, een afbeelding of een CSV-/JSON-dataset naar je sectie, en de assistent verwerkt ze rechtstreeks in de code die hij genereert. Jouw beelden en jouw data, in een native extensie – zonder externe URL's, zonder placeholders, zonder omwegen.
Een concreet voorbeeld

Toen we de AI Extension Builder lanceerden, kon hij al een sectie op maat bouwen vanuit één enkele prompt. Eén stuk ontbrak: je eigen materiaal. Tot nu toe begon de assistent met een leeg blad, schreef de code, toonde die live, maar met zijn eigen tijdelijke afbeeldingen. Om jouw logo of jouw data te gebruiken, moest je naar een externe URL verwijzen – een kwetsbare link, ergens anders gehost. De nieuwe bestandsbeheerder schrapt die stap.
Neem een hardloopclub die een sectie «Wedstrijdkalender» in zijn app wil.
De beheerder opent het paneel Assets en sleept er twee bestanden in: logo.png en een races.csv met de data en de locaties. Daarna vraagt hij de assistent:
«Toon de aankomende wedstrijden uit deze CSV, met ons logo bovenaan.»
De assistent kent die bestanden al. Hij verzint ze niet, maakt ze niet opnieuw, codeert ze niet in base64: hij verwijst ernaar via hun exacte URL – logo.png in een <img>-tag, races.csv via een fetch(). De sectie verschijnt live, in de kleuren van de club, met zijn echte data.
Voor een ontwikkelaar dagen werk, hier een paar minuten. En het resultaat is geen mockup: het is een native extensie, gehost door GoodBarber, die net als elke andere sectie in de gepubliceerde app belandt.
Wat de functie echt mogelijk maakt
Het paneel Assets zit in de zijbalk van het menu Code van de Extension Builder. Daar upload je bestanden, zie je ze in een lijst en verwijder je ze. En vooral: de AI kent ze op het moment dat hij de code genereert.
Bij elke generatie ontvangt de assistent de lijst van je bestanden – naam, type, URL – met de instructie ze ongewijzigd te gebruiken. Dat levert drie verschillen op die ertoe doen:
Jouw bestanden, geen placeholders. Het logo op het scherm is het jouwe. De data op het scherm zijn de jouwe. Niet langer de demo-afbeelding of voorbeeldwaarden achteraf vervangen.
Stabiele URL's, op je eigen domein. Elk bestand krijgt een canoniek adres dat vanaf het domein van je app wordt geserveerd, niet vanaf een externe dienst. De URL verandert niet wanneer je de code opnieuw genereert, en het bestand reist mee met de extensie: geen externe afhankelijkheid, geen risico op een dode link.
Een snelle vermelding in de prompt. Terwijl je je vraag typt, tik je @ gevolgd door het begin van een bestandsnaam: de lijst verschijnt, je kiest er een en de naam wordt ingevoegd. Zonder een URL met de hand te kopiëren.
Een paar snelle voorbeelden: upload je logo en je afbeeldingen, en een sectie komt er meteen in jouw identiteit uit; voeg een achtergrond, een banner of een illustratie toe die onmiskenbaar de jouwe is; of – degene die het meest ontgrendelt – geef je data aan de assistent.
Gebruik je eigen CSV- of JSON-data in een no-code app
Een verrassend aantal secties zijn in wezen niet meer dan je data, goed gepresenteerd: een prijslijst, een rooster, een adreslijst, uitslagen, een catalogus. Tot nu toe betekende dat in een no-code app krijgen: het met de hand overtypen of een tabel cel voor cel nabouwen.
Nu upload je een .csv of een .json, beschrijf je de sectie in gewone taal, en de assistent bouwt er een die je bestand leest en toont. Wijzig een prijs, voeg een rij toe, werk een datum bij: je bewerkt het bestand en de sectie volgt. Geen kopiëren en plakken, geen handmatige tabel, geen ontwikkelaar ertussen.
Als je vertrekpunt een spreadsheet is, is dat terrein dat GoodBarber goed kent: een spreadsheet omzetten in een mobiele app. De bestandsbeheerder brengt datzelfde idee binnen de AI Extension Builder: jouw data, jouw sectie, meteen gegenereerd.
Waarom het bij GoodBarber past
De AI Extension Builder schrijft geen code in het luchtledige: hij produceert code die native met het GoodBarber-platform praat, en erft zo de hosting, het designsysteem en de publicatie in de stores. De bestandsbeheerder trekt die logica door. Je assets worden niet elders gehost: ze leven op de infrastructuur van GoodBarber, gekoppeld aan je sectie, ingebed in de extensie. Niets aan te sluiten, niets extra te betalen, niets te onderhouden aan jouw kant.
Dat is het verschil tussen een AI die een snippet genereert om te kopiëren en plakken, en een AI die een levende sectie in een echte app aflevert – en het sluit aan bij de overige AI-functies van GoodBarber, van het schrijven van content tot de RAG-chatbot.
Veelgestelde vragen
Welke bestandsformaten kan ik uploaden? Afbeeldingen (PNG, JPG, GIF, WebP, SVG, AVIF) en databestanden (JSON, CSV, TSV).
Waar worden mijn bestanden gehost? Op de infrastructuur van GoodBarber, geserveerd vanaf het domein van je app, niet vanaf een externe dienst. Elk bestand krijgt een stabiele, canonieke URL en reist ingebed in je extensie mee: geen externe afhankelijkheid en geen risico op een dode link.
Is de gegenereerde sectie production-ready? Ja. Het is een extensie die de hosting, het designsysteem, de compilatie en de store-publicatie van GoodBarber erft – dezelfde pipeline als elke andere sectie, geen snippet om te kopiëren en plakken.
Kan de assistent gestructureerde data uit mijn CSV of JSON gebruiken? Vandaag verwijst de assistent naar je databestanden via hun URL en leest hij ze (bijvoorbeeld via fetch()) om content te tonen. Een diepere verwerking van gestructureerde data – je kolommen parsen en rijen rechtstreeks injecteren – is de volgende stap op de roadmap.
Nu beschikbaar
De AI Extension Builder is in Beta, beschikbaar voor alle klanten vanuit de back-office. Het paneel Assets is er al: open een sectie, upload een bestand en vraag de assistent om het te gebruiken. Volgende stap op de roadmap: een diepere verwerking van gestructureerde data – zodat je CSV- en JSON-bestanden echte contentbronnen worden, en niet alleen bestanden waarnaar wordt verwezen.
Upload een bestand, schrijf een prompt en zie hoe je merk in de code terechtkomt.
Ontwerp