Google's nieuwe AI Studio is een gamechanger voor vibe-codering

Ben je bezig met vibe coding en het verkennen van AI-tools? Ik ben drie maanden bezig met mijn vibe coding-reis en ik bouw tegelijkertijd verschillende grote projecten. Zoals elke ontwikkelaar heb ik veel uitdagingen ondervonden bij het leren hoe ik dit moet doen terwijl ik ontwerp en bouw. Het grootste probleem is meestal Auth, of het nu in mobiele apps of webplatforms is.

Sommige geïntegreerde Vibe Coding-platforms (zoals YouWare) lossen dit op door hun eigen Auth-stack te beheren, die alles dekt van aanmelding en inloggen tot magic links, tokenisatie en permissies. Ik heb YouWare gebruikt, en het is een degelijk platform, maar de obstakels zijn talrijk als je uiteindelijk wilt migreren of native mobiele apps wilt ondersteunen.

Dit is waar de nieuwe Google AI Studio een reeks voordelen heeft, en Google heeft de meeste daarvan verstandig opgemerkt. Als je geïnteresseerd bent in het bouwen van mobiele apps, kan dit mogelijk je workflow veranderen.

MUO's AI-tools, apps & Vibe Coding
Trivia-uitdaging

Van ChatGPT tot cursor-gestuurde code — test hoe goed je de AI-tools kent die de manier waarop we werken en bouwen hervormen.

Welke AI-coding tool, populair in de 'vibe coding'-beweging, wordt beschreven als een AI-first code-editor die is gebouwd bovenop VS Code?

Wie wordt gecrediteerd voor het bedenken van de term 'vibe coding' om de praktijk van het bouwen van software met natuurlijke taal prompts aan AI te beschrijven?

Welke AI-assistent is ontwikkeld door Anthropic en staat bekend om zijn focus op veiligheid, behulpzaamheid, en is een directe concurrent van ChatGPT?

Welke AI-beeldgeneratiemodel, ontwikkeld door Stability AI, was een van de eerste belangrijke open source tekst-naar-beeldmodellen die voor het publiek werden uitgebracht?

Welke door AI aangedreven tool is ingebouwd in Microsoft 365-apps zoals Word, Excel en Teams om gebruikers te helpen bij taken zoals het opstellen, samenvatten en analyseren van gegevens?

In de context van vibe-codering, wat stelt de AI-tool Bolt.new gebruikers voornamelijk in staat om te doen?

Welke AI-tool is specifiek ontworpen als een conversationele zoekmachine en biedt geciteerde, realtime antwoorden door informatie van het web te halen in plaats van te vertrouwen op een statische trainingsdataset?

Wat is de naam van Googles meest krachtige familie van AI-modellen, die de Gemini-chatbot aandrijft en is geïntegreerd in Google Zoeken en Workspace?

Je score

Bedankt voor het spelen!

Honderden uren verspild aan Auth

Als Google het nieuwe AI Studio maar drie maanden eerder had gelanceerd...

Elk project dat je wilt commercialiseren heeft Autorisatie nodig. Er is een zorgplicht tegenover klanten en het kennen van hun identiteit vereist dit, vooral wanneer je toegang tot bepaalde functies beperkt.

Ik heb te maken gehad met authenticatieproblemen in 7 van mijn 10 projecten, en elke keer kwam het door het integreren van Google Single Sign On (SSO), de functie waarmee je kunt inloggen of registreren met je Google-account.

Er gingen een paar uur verloren aan het integreren ervan met een mobiele app via Expo, een halve dag verloren door mislukte authenticatie voor mijn CMS, en twee dagen verloren aan het regelen van authenticatie voor mijn evenementenplatform. Alle pijnlijke lessen zijn een overgangsrite voor alle ontwikkelaars, menselijk of AI.

De meeste vibe-codingoplossingen zullen uiteindelijk aanraden om een combinatie van Firebase voor mobielgerichte app-ervaringen en Supabase voor webgerichte platforms in te stellen, met mogelijke API-routes die ze verbinden. Het is functioneel, maar het zit vol problemen afhankelijk van je setup, en duidelijk heeft Google dat erkend. Dit is Google's nieuwe AI Studio, waarmee iedereen een platform kan vibe-coden, en wat cruciaal is, automatisch het ingewikkelde Auth-proces oplost.

Googles nieuwe AI Studio is ontworpen om vibe-coderen voor iedereen gemakkelijker te maken

Het is een echt gebruiksvriendelijke vibe-coderingstool die perfect is voor de meeste mensen

Wat is de nieuwe Google AI Studio? Het is een belangrijke verbetering van Vibe-codering voor de gemiddelde persoon die iets wil bouwen en gewoon wil dat het werkt.

Net als YouWare en andere externe IDE's (Integrated Development Environments), stelt het je in staat natuurlijke taal te gebruiken om te beschrijven wat je wilt en dit te corrigeren. Het biedt dezelfde ervaring als andere platforms en, net als zij, is het eenvoudig om Auth en databases in te stellen. Cruciaal is dat deze nog steeds slechts 1 klik vereisen om volledige Auth en Database in te stellen, dit keer geleverd door Firestore en Google Auth.

Het betekent ook dat je ontwikkelomgevingen kunt wijzigen — bijvoorbeeld van Google's geïntegreerde omgeving naar ontwikkelen met Claude Code of Cursor — maar nog steeds dezelfde database kunt behouden zonder deze te hoeven migreren. Dit vergroot de flexibiliteit van je langetermijnvooruitzichten, en zoals ik heb ontdekt, is het een uitdaging om te migreren van SPAs naar React of Next.js.

Hier is Gemini Pro voor gemaakt

Gemini Pro is uitstekend in het nadenken over architectuur, en de nieuwe AI Studio geeft het directe controle

Totdat ik Claude Projects ontdekte — terwijl Gemini leed aan contextdrift, gebruikte ik uitsluitend Gemini Pro om de Cursor-prompts te genereren die nodig zijn om een app of een ander project te bouwen.

Gemini heeft een fantastisch tokenvenster van 2 miljoen tokens, wat aanzienlijk groter is dan dat van Claude op het Max-plan met 200.000, en het produceert extreem schone code totdat het de context verliest. Het is ook ongelooflijk voor UX-werk en heeft over het algemeen verbluffende app- en webontwerpen geproduceerd met slechts één of twee prompts.

Het integreren van deze mogelijkheid in een visuele preview van wat wordt gebouwd is de natuurlijke uitbreiding, maar zoals alle AI-tools neigt het naar bepaalde voorkeuren. Je moet het eraan herinneren om een React-applicatie te bouwen zodat het code maakt die later makkelijk te gebruiken is. Gemini heeft duidelijk zijn wortels in glassmorphism, dus hoewel het er verbluffend uit zal zien, zien alle apps die ermee gemaakt worden er vergelijkbaar uit totdat je het anders begeleidt.

Je moet nog steeds expliciet zijn over functies en vermijden dat de context afdrijft; het is beter om met een paar functies tegelijk te prompten en ze gerelateerd te houden. In al mijn projecten gebruik ik eerst AI om het ruwe stappenplan uit te stippelen, en het is de moeite waard om het project in een aparte niet-cloudchat te plannen, omdat dat zal helpen deze richting te sturen.

De juiste ingang naar Vibe Coding voor de meeste mensen

Ik heb drie verschillende mensen zover gekregen om zich aan te melden bij YouWare, en ze vinden het allemaal geweldig, maar het is onmiskenbaar dat een door Google ondersteund product voor iedereen beter toegankelijk is. YouWare en anderen bieden ook een breder scala aan AI-aanbieders, wat betekent dat je het juiste hulpmiddel voor een specifieke taak kunt kiezen, maar Google is meer dan goed genoeg in het bouwen van de platforms die de meeste mensen zullen vragen.

Bijvoorbeeld, ik draag bij aan inhoud voor veel publicaties. Ik houd dit allemaal bij in een Google Sheet met honderden formules. Google Sheets-formules zijn kwetsbaarder dan code en logica voor het uitvoeren van bepaalde complexe taken met meerdere stappen. Ik heb het sheet geüpload naar de nieuwe AI Studio-ervaring, en binnen ongeveer 10-20 prompts en een paar uur had ik een volledig werkende contenttracker-oplossing, compleet met authenticatie, achtergrondfuncties, berekeningen en meer.

Een bijkomend voordeel? Hoewel er geen mobiele app is, werkt Google AI Studio extreem goed op een vouwtelefoon, en ik heb het scherm van de Oppo Find N6 gebruikt om AI Studio-ervaringen onderweg te blijven bouwen. Google werkt al aan het beschikbaar maken van AI Studio voor alle mobiele apparaten, en wanneer dat gebeurt, zal het een andere grote stap zijn om vibe-coderen echt voor iedereen toegankelijk te maken.