Google AI Studio vibe coding: bouwen, limieten, deployen

Zo vibe code je in Build-modus van Google AI Studio: stappen, mogelijkheden en grenzen, de limiet van twee apps op de Starter Tier en deployen of exporteren.

Veelgestelde vragen

Wat is vibe coding in Google AI Studio?

Het is de Build-modus (Build mode) op aistudio.google.com/apps. Je beschrijft een app in gewone taal, Gemini genereert de code en ernaast verschijnt een live preview. Volgens de documentatie van Google gebruiken webapps standaard een React-frontend met een Node.js-runtime aan de serverkant, en kun je ook kiezen voor een native Android-app (Kotlin en Jetpack Compose). Je verfijnt het resultaat door te chatten of door de annotatiemodus op de preview te gebruiken. Documentatie gecontroleerd in november 2026.

Is vibe coding in Google AI Studio gratis?

In de Build- en deploy-documentatie van Google staat geen gratis quotum beschreven. Daar staat wel dat API-aanroepen van je app meetellen voor je gebruikslimieten en dat er kosten kunnen gelden als je betaalde modellen gebruikt. Met de Starter Tier kunnen in aanmerking komende accounts tot twee full-stack apps publiceren zonder Google Cloud-project of factureringsaccount, maar afhankelijk van het gebruik kunnen er Cloud Run-kosten gelden. Bekijk de Billing-pagina in AI Studio voor de actuele tarieven voor jouw account.

Hoe deploy ik een app die ik in Google AI Studio heb gebouwd?

Klik rechtsboven op Publish. Op de Starter Tier klik je daarna op Get Started en Publish App, waarna je een Cloud Run-URL krijgt. Voor standaard deployment heb je een Google Cloud-project nodig dat aan je AI Studio-account is gekoppeld en waarvoor facturering is ingeschakeld. Je kunt het project ook synchroniseren met GitHub of een ZIP downloaden en zelf hosten.

Kan ik mijn Google AI Studio-app exporteren naar GitHub of mijn eigen hosting?

Ja. AI Studio ondersteunt tweerichtings-GitHub-synchronisatie, te beheren via het tabblad GitHub in Settings, met door AI gegenereerde commitberichten en een dialoogvenster Resolve conflicts. Je kunt ook een ZIP downloaden. Draai je de code ergens anders, dan moet je zelf de omgevingsvariabele GEMINI_API_KEY instellen.

Wordt mijn Gemini API-sleutel zichtbaar in de gepubliceerde app?

Voor nieuwe webapps bewaart AI Studio GEMINI_API_KEY volgens de documentatie van Google als geheim aan de serverkant. Je ziet de sleutel in het Secrets-paneel, en hij wordt nooit opgenomen in code aan de clientzijde. De gedeployde app gebruikt die sleutel voor de Gemini-aanroepen van elke bezoeker, dus hun gebruik telt mee voor jouw limieten en kosten.

Wie kan de Starter Tier gebruiken om te publiceren?

Volgens de deploy-pagina van Google komen accounts die zijn aangemeld met een Google Workspace-account niet in aanmerking. Dat geldt ook voor accounts met een actief of eerder betaald Google Cloud-factureringsaccount, en voor accounts zonder voldoende activiteit. Ook staat er dat support de geschiktheid niet kan overrulen. Kom je niet in aanmerking, gebruik dan standaard deployment met een Google Cloud-project waarvoor facturering is ingeschakeld.

Kort antwoord: vibe coding in Google AI Studio gebeurt in Build-modus op aistudio.google.com/apps. Je beschrijft een app, Gemini schrijft een React-frontend plus een Node.js-server (of een native Android-app) en je verfijnt het resultaat in een live preview. Werkt het, dan klik je op Publish om de app op Cloud Run te zetten, te synchroniseren met GitHub of als ZIP te downloaden. Check de onderstaande limieten voordat je een link deelt, want de Gemini-aanroepen van bezoekers lopen via jouw sleutel. Alle details zijn in november 2026 gecontroleerd aan de hand van de documentatie van Google.

Wat Build-modus precies doet

Build-modus is een omgeving binnen AI Studio die van een prompt een app maakt. Volgens de documentatie van Google:

Webapps (standaard): een React-frontend plus een Node.js-runtime aan de serverkant voor veilige API-aanroepen, databaseverbindingen en npm-pakketten. De agent installeert pakketten wanneer dat nodig is.
Android-apps: Kotlin en Jetpack Compose, met een preview in een emulator in de browser. Je installeert de app via ADB in de browser op een toestel en kunt hem publiceren in de Play Store voor interne tests.
Ingebouwde integraties: Firebase Firestore en Firebase Authentication (Sign in with Google), Google Workspace-koppelingen zoals Gmail, Sheets, Docs, Drive en Calendar met automatische OAuth-configuratie, en multiplayer-status die door de serverruntime wordt afgehandeld.
Andere databases: volgens de documentatie kun je elke opslag gebruiken die je via het netwerk kunt bereiken, met inachtneming van firewallbeperkingen voor dynamische IP-bereiken.

Is de term nieuw voor je? Onze uitleg over wat vibe coding is behandelt het idee. Build-modus is er één implementatie van.

Zo vibe code je een app in Google AI Studio

Open Build-modus. Ga naar aistudio.google.com/apps en kies in de platformkeuze voor webapp (de standaard) of native Android.
Schrijf de prompt. Beschrijf wie de app gebruikt, wat het hoofdscherm toont en welke gegevens de app verwerkt. Met AI Chips voeg je functies toe, zoals beeldgeneratie of Google Maps-data, of je dicteert met spraak-naar-tekst. "I'm Feeling Lucky" bedenkt een idee als je vastzit.
Of begin met iets bestaands. Open een app in de App Gallery en kies Copy App om hem te remixen, of gebruik Import from GitHub in het menu Add files (+) in het promptvak.
Draai de app en bekijk de preview. De gegenereerde bestanden verschijnen rechts naast een live preview. Het tabblad Code toont de broncode.
Werk in kleine stappen. Vraag per bericht om één wijziging. Voor visuele aanpassingen gebruik je de annotatiemodus: markeer een deel van de interface en beschrijf de wijziging die je wilt.
Regel de rechten. Heeft de app de camera, microfoon of geolocatie nodig, dan moet je volgens de documentatie die browser-API's opnemen in metadata.json onder requestFramePermissions.
Controleer de secrets. Open het Secrets-paneel in Settings om GEMINI_API_KEY te zien en eventuele andere sleutels toe te voegen die je servercode nodig heeft.
Opslaan of live zetten. Synchroniseer met GitHub, download een ZIP of klik op Publish.

Formulering die betere eerste versies oplevert

Bouw een boekingspagina voor een kleine pottenbakkerij. Bezoekers kiezen een les uit een lijst, kiezen een datum en vullen naam en e-mailadres in. Sla aanvragen op in Firestore. Toon een bevestigingsscherm. Houd de layout enkelkoloms en mobile-first. Voeg geen login toe.

Als je de gegevensopslag, de schermen en wat je weglaat benoemt, verzint de agent minder functies die je daarna weer moet verwijderen.

Deploy- en exportopties vergeleken

Optie	Wat je krijgt	Vereisten (volgens de documentatie van Google)	Let op
Publish, Starter Tier	Cloud Run-URL, optioneel een subdomein your-app-name.ai.studio	In aanmerking komend account; geen Google Cloud-project of factureringsaccount nodig	Maximaal twee services in totaal, één Cloud Run-regio; Workspace-accounts en accounts met betaalde Cloud-facturering komen niet in aanmerking
Publish, standaard deployment	Schaalbare Cloud Run-service	Google Cloud-project gekoppeld aan AI Studio met ingeschakelde facturering	Afhankelijk van het gebruik kunnen er Cloud Run-kosten gelden
GitHub-synchronisatie	Tweerichtings-synchronisatie van de repo met commitberichten	Tabblad GitHub in Settings	Los mergeconflicten op in het dialoogvenster
ZIP-download	Code die je overal kunt draaien	Stel GEMINI_API_KEY zelf in	Hosting, secrets en updates regel je zelf

Op de Starter Tier publiceer je in drie klikken: Publish, Get Started, Publish App. Heb je al twee apps live staan, dan moet je er één depubliceren of upgraden. Eigen subdomeinen worden toegewezen op volgorde van aanvraag en komen weer vrij zodra je depubliceert of verwijdert.

Limieten en risico's om te kennen voordat je deelt

Jouw sleutel betaalt voor elke bezoeker. De gedeployde app gebruikt jouw Gemini API-sleutel voor de aanroepen van alle gebruikers, en volgens de documentatie kunnen er kosten gelden als je betaalde modellen gebruikt. AI Studio waarschuwt je voordat je deelt.
Apps zijn eerst privé. Mensen met wie je deelt, kunnen de code bekijken en forken, en wie bewerkrechten heeft, kan hem wijzigen.
Geen live samen bewerken. Volgens de documentatie van Google wordt live samenwerkend bewerken niet ondersteund. Teams werken samen via een gedeelde GitHub-repo.
Gedeelde links kunnen falen. De documentatie noemt 403-fouten (Access Restricted) die worden veroorzaakt door privacy-extensies zoals Privacy Badger, of door buildfouten.
Jij bent verantwoordelijk voor het gedrag. Apps kunnen worden verwijderd bij overtreding van het beleid, en de ontwikkelaar is verantwoordelijk voor het gedrag en de gegevens van de app.
Oudere apps. Apps die vóór 14 mei 2026 zijn gebouwd, worden geüpgraded naar de aanpak met een sleutel aan de serverkant zodra hun Gemini-functies voor het eerst worden aangepast.

In de pagina's van Google die wij hebben gelezen staan geen aantallen voor verzoeken of tokens in de gratis laag. Daarom noemen we er geen. Kijk op de Billing-pagina in AI Studio wat voor jouw account geldt.

Voordat je publiceert: een checklist om te kopiëren

[ ] De app werkt in de preview met een vers browserprofiel, niet alleen met je eigen ingelogde profiel
[ ] Secrets staan in het Secrets-paneel, niet in code of prompts geplakt
[ ] Je weet welke Gemini-sleutel de gedeployde app gebruikt en wat een drukke dag zou kosten
[ ] De regels voor Firestore of je database zijn gecontroleerd, zodat bezoekers niets kunnen lezen of schrijven wat niet mag
[ ] Je hebt getest op een scherm met telefoonbreedte
[ ] De repo is gesynchroniseerd met GitHub, zodat je een kopie buiten AI Studio hebt
[ ] Je hebt gecontroleerd of je in aanmerking komt voor de Starter Tier, of je hebt een Cloud-project met ingeschakelde facturering klaarstaan

Door AI gegenereerde apps kunnen er af uitzien terwijl er gaten zitten in validatie en toegangsbeheer. Dat behandelen we in de vibe coding trust gap voor websites.

Wanneer Build-modus het verkeerde gereedschap is

Build-modus is geschikt voor prototypes, interne tools en kleine interactieve apps die Gemini aanroepen. Voor een gewone bedrijfswebsite die een domein, contactformulier en vindbaarheid in zoekmachines nodig heeft, is het een zwaardere route. Een Cloud Run-service achter een ai.studio-subdomein is bovendien niet hetzelfde als een site die je voor zoekmachines beheert. Overweeg je eenvoudigere hosts? Bekijk dan onze lijst met alternatieven voor Google Sites. Staat je site eenmaal live, richt dan Google Search Console in, zodat je ziet hoe hij wordt geïndexeerd.

Voor een gewone site in plaats van een eigen app kun je met het gratis abonnement van We.Inc tot drie sites publiceren met kant-en-klare templates. De AI-builder die op basis van een prompt een site opzet, begint bij het Starter-abonnement voor $20 per maand. Je kunt je hier aanmelden.

Gratis beginnen · Geen creditcard nodig

Umair Ali Sadaqat

Oprichter van We.Inc

Umair is de oprichter van We.Inc. Hij schrijft over websites bouwen met AI, bureaus en de bedrijfsvoering van een webstudio.

Klaar om iets moois te bouwen?

Sluit je aan bij 15,000+ bedrijven die We.Inc gebruiken om te lanceren, te groeien en te automatiseren, allemaal vanuit één platform.