Hoe een sociaal psycholoog een SaaS bouwde in 6 maanden zonder één regel code te schrijven

Een ontdekkingsreis in de wereld van ‘vibe-coding’

Hoi. Mijn naam is Mischa Coster. Ik ben een sociaal psycholoog die productontwikkelaar werd 🙂 Geen softwareontwikkelaar dus. Een JSON-bestand lezen lukt me prima en in een terminal vind ik mijn weg. Maar code schrijven? Nee. Dat is niet mijn vak.

Mijn vak is gedragspsychologie. Al vijftien jaar adviseer ik bedrijven over effectievere communicatie. Teksten analyseren, psychologische patronen herkennen, wetenschap vertalen naar praktische verbeteringen. Trainingen en workshops geven, regelmatig ook voor NIMA. Leuk werk. Elke klant krijgt persoonlijke aandacht en uitgebreid doelgroeponderzoek. Dat maakt het totale projectbudget al snel te hoog voor kleinere organisaties. Zij kunnen geen intensieve advisering betalen, maar zouden wel degelijk baat hebben bij de methodiek.

Die frustratie werd de motor achter BehaviorPro. Een AI-tool die een ‘light’ versie van mijn gedragsanalyse uitvoert, maar dan geautomatiseerd. Zodat ik ook mijn klanten waarvoor ik voorheen te duur was, een goed alternatief kan aanbieden. De gebruiker voert een tekst in bijvoorbeeld een e-mail, landingspagina of donatieverzoek. Het systeem analyseert welke psychologische principes aanwezig zijn en welke ontbreken. Vervolgens genereert het een geoptimaliseerde versie met uitleg. Onze kennisdatabase bevat 300+ gedragsprincipes en 90 overtuigingstechnieken, verzameld en gecategoriseerd in vijftien jaar. Allemaal doorzoekbaar via vector embeddings. Dat onderscheidt BehaviorPro van de tientallen AI-copywritingtools die er al zijn.

De tools: drie stappen

Ik loop al jaren met dit idee rond, in 2015 had ik al de eerste versie van wat ik toen dacht dat het database model zou moeten zijn. Had ook diverse afspraken met softwareontwikkelaars, webbouwers en zelfs data scientists. Allemaal nogal ontmoedigend: het zou gigantisch veel werk zijn om zoiets te maken, en dat budget had ik dan op mijn beurt weer niet. Revenue sharing was ook geen optie omdat zij mijn business niet goed kenden en het risico daarom te groot vonden.

Dus toen vorig jaar de ‘Vibe-coding’ tools hun opmars maakten, was ik meer dan geïnteresseerd! Als snel besloot ik gewoon eens te beginnen, kijken of ik een proof of concept of demoversie kon maken. Toen ik de mogelijkheden zag, stelde ik al snel mijn verwachtingen en doelen daarop af: ik zou deze webdienst gewoon helemaal zelf maken!!! Een reis vol verbazing, enthousiasme, instant gratification maar ook frustratie, nachtenlange bugloops en soms zelfs woede. Maar naarmate de tools zich verder ontwikkelden, merkte ik dat mijn proces steeds soepeler, beter en sneller liep. De ‘coding partners’ die ik hierbij gebruikte, in volgorde:

• Lovable leverde een snel prototype op. Indrukwekkend als proof of concept. Leverde ook een mooie user interface op. Maar beperkt zodra authenticatie en betalingen nodig waren. En de hel als je verstrikt raakte in een bugloop. Een AI die je gewoon zat voor te liegen en die reeds ontwikkelde functionaliteit gewoon overschreef met een ‘standaard’ versie die volgens de AI beter werkte. Waarna 3 functionaliteiten om zeep waren geholpen. Na een paar weken tijd om verder te gaan.
• new veranderde alles. Een volledige ontwikkelomgeving in de browser. Snelle iteratie, direct resultaat. Hiermee bouwde ik het grootste deel van BehaviorPro: de React-frontend, Supabase-backend, OpenAI-integratie en Stripe-betalingen. Van simpele tekstanalyser naar volwaardige SaaS. Maar met toenemende complexiteit stapelden de bugs zich op. De codebase werd rommelig. Vooral bij het introduceren van nieuwe features. Eerlijk gezegd wist ik toen ook nog niet hoe branches werkten, ook al had ik mijn project met GitHub verbonden. Dat was meer als ‘backup’. Maar ook hier irritatie van een model dat bijvoorbeeld op basis van de trainingsdata bleef volhouden dat gpt-4o echt het laatste model was, en dat dan ook consistent elke keer weer veranderde als ik handmatig gpt-5 had ingesteld.
• Claude Code was de laatste stap (Max-abonnement). Ik gebruik de CC-extensie voor VSCode. De sprong in kwaliteit was direct merkbaar. Beter contextbegrip. Schonere code. Complexere taken netjes afgehandeld. Er werd van tevoren een scan gedaan wat voor impact een nieuwe feature of zelfs een bugfix zou hebben op de rest van het systeem. En alles was Claude nog miste kon je aangeven; dan werd het opgeslagen in het CLAUDE.md context bestand dat als context bij iedere nieuwe chat werd ingeladen. Het analyseerde mijn bestaande codebase, vond de problemen en refactorde alleen waar nodig. Inmiddels durf ik CC zelfs in ‘auto-accept’ modus te laten werken. Het resultaat? De bètaversie is live.

De ‘stack’

• Frontend: React + TypeScript, gebouwd met Vite, gestyled met Tailwind CSS. Gehost op Netlify met automatische deploys vanuit GitHub.
• Backend: Supabase voor database (PostgreSQL), authenticatie en edge functions. Die edge functions regelen de communicatie met OpenAI.
• AI: OpenAI’s Responses API. De opvolger van de Assistants API, die deprecated werd tijdens de ontwikkeling. Leuke verrassing. Vector stores doorzoeken de kennisbasis (OpenAI managed vector stores)
• Betalingen: Stripe voor abonnementen en eenmalige aankopen. Webhook-integratie voor real-time synchronisatie van betalingsstatus en getoonde product features in de product cards op de website.

Wat ik geleerd heb

• Wees specifiek, maar niet té specifiek. Zeg niet “maak een button met class btn-primary en een onClick handler die submitForm aanroept.” Zeg liever “voeg een verstuurknop toe die de data naar de server stuurt.” Geef de AI ruimte voor eigen keuzes.
• Integraties zijn waar de echte pijn zit. Elke externe dienst heeft eigen documentatie, eigen authenticatie en eigen eigenaardigheden. Dit kostte verreweg de meeste tijd. Het juiste OpenAI-model vinden voor mijn doel – enige redenering maar niet te veel vanwege snelheid. De vector store optimaliseren: bestandsformaat, chunk size, overlap size. En Stripe bleek behoorlijk complex. Zeker als je een gratis account zonder tijdslimiet wilt aanbieden, zonder dat mensen hun creditcard hoeven in te voeren.
• Versiebeheer is je vangnet. Het duurde weken voordat ik Git echt goed ging gebruiken. Maar toen ik dat eenmaal deed, durfde ik meer te experimenteren. Nu werk ik met branching, worktrees en Netlify preview servers.
• md. Houd dit bestand up-to-date. Zo heeft elke nieuwe chat de juiste en meest recente context.
• Test vroeg met echte gebruikers. De features waarvan ik dacht dat ze cruciaal waren? Irrelevant. De problemen die ik over het hoofd zag? Direct duidelijk voor gebruikers.

De echte investering

Tijd: Zes maanden, 15-20 uur per week naast regulier werk. Ruwweg 400-500 uur.

Geld: De tools zijn betaalbaar. Bolt.new en Claude Max kosten 20-100 per maand. Hosting en diensten schalen mee met gebruik. Nog steeds minimaal of zelfs gratis (Netlify, Supabase) De opportunity costs reken ik gemakshalve niet mee 😉

Frustratie: Aanzienlijk. Dagen waarop niets werkte. Bugs die nachten kostten en triviale oorzaken hadden. Momenten dat stoppen een serieuze optie leek. Vooral die ‘bug loops’ – waarbij elke fix een nieuwe bug introduceerde of code overschreef met oude versies.

Maar ook: Dagen achter elkaar werken met Claude Code in een gevoel van ‘flow’. Instant gratification. Nieuwe features die na 5 minuten met Claude brainstormen en plannen in één keer werken. De eerste gebruiker die zelfstandig door de hele flow ging. De eerste gelukte Stripe-betaling. De eerste positieve feedback. En de nuttige kritiek. Die momenten maken het de moeite waard.

Voor wie is vibe coding geschikt?

Niet voor iedereen. Maar wel voor meer mensen dan je zou denken. Je hebt een helder beeld nodig van wat je wilt bouwen. Bereidheid om al doende te leren. En frustratietolerantie. Coderen hoef je niet te kunnen. Helder denken over wat je wilt wel. Enige technische affiniteit helpt: weten hoe git werkt, wat diffs zijn, hoe je DNS-records instelt om je site live te krijgen.