Vibe Coding voor Dummies – hoe ik van een te dure app naar mijn eigen Druppelup.nl ging
Voor iedereen die “iets met AI” wil, maar níét met programmeertaal. Pak koffie, 7 minuten lezen en je snapt het principe.
Het waarom – € 4,99 per maand voor wat water
Ik wilde m’n dagelijkse waterinname bijhouden. In de App Store vond ik een tracker: prima design, maar € 4,99 per maand voor “tik → glas → grafiek”? Dat moet goedkoper én leuker kunnen.
Ik gaf mezelf één lang weekend om Druppelup.nl te bouwen. Het werd uiteindelijk zo’n 40 uur verspreid over drie dagen – inclusief koffie, bugs en opnieuw beginnen – maar hij staat, werkt en kost me niets meer dan een Lovable.dev-abonnement van € 25 per maand en een domein.
Wat is vibe coding?
“Programmeren op gevoel, in gewone taal, terwijl AI de code voor je uittypt.”
– Andrej Karpathy
Vergelijk het met karaoke: jij zingt de tekst (idee), de AI speelt de muziek (code). Geen noten lezen nodig. Het geheim zit in prompts – korte zinnen waarmee je de AI vertelt wat je wilt.
De gereedschapskist (simpel uitgelegd)
Lovable.dev, ChatGPT & Supabase zijn je beste vrienden!
Techniek-termen in mensentaal
IDE: de digitale werkbank waar je app ontstaat – hier gewoon het browser-venster van Lovable.
Component: een Lego-blokje (bijv. een knop of grafiek).
Test: een snelle check of het blokje doet wat het moet.
Deploy-script: de “publiceer-knop” die je app live zet.
Boilerplate: saaie standaardcode – Lovable vult dit automatisch voor je in.
Het verhaal achter Druppelup.nl – stap-voor-stap
Vrijdagavond, klokslag zes, sloeg de irritatie toe: wéér een abonnement-appje dat € 4,99 per maand vroeg om simpelweg mijn glazen water te tellen. Ik opende Lovable.dev, tikte één enkele – maar kraakheldere – prompt:
“Bouw een water-tracker met e-mail-login, daggrafiek en dark-mode.”
Binnen anderhalf uur stond een piepende eerste versie op mijn scherm. Niet mooi, maar functioneel: inloggen, slokken registreren, grafiekje dat heen en weer sprong.
Zaterdagochtend zette ik de koffie klaar en ging ik “schaven in gewone taal”. Ik wees Lovable op details:
“Geef de grafiek pastelblauw, gebruik afgeronde hoeken van 8 px.”
Vervolgens vroeg ik ChatGPT letterlijk:
“Hoe koppel ik Supabase veilig voor user-data?”
De AI schoof stap-voor-stap code naar voren, ik volgde de instructies en had in een halfuur een gratis Supabase-project met tabellen users en drinks. Vanaf dat moment zag ik elke nieuwe slok real-time in de database binnenkomen.
Zondag ging het het dak eraf. Ik maakte een Midjourney-prompt voor een fris logo, liet Lovable push-notificaties genereren – “Stuur elke twee uur een drink-reminder” – en drukte op Publish. De precieze deploy-script hoefde ik niet eens te lezen: één klik en Druppelup.nl was gelanceerd. Probeer ‘m zelf!
Eindbalans: € 25 voor het Lovable-abonnement en zo’n veertig uur aan leren, tweaken en steeds opnieuw proberen – maar nul euro extra tooling, nul regels hand-geschreven code.
Waarom deze aanpak werkt – en wat ik leerde
Toen de rook opgetrokken was, viel me drie dingen op:
Snelheid als superkracht
Een idee op vrijdag kan letterlijk maandag al als prototype ronddolen op internet. De AI doet het zware tilwerk; jij bepaalt alleen de richting.Kosten die niet escaleren
Waar je normaal een development-budget van duizenden euro’s reserveert, betaalde ik nu enkel de € 25,- Lovable-licentie – plus ik kan hiermee oneindig veel apps bouwen.Prompt-en-iterate is de nieuwe Excel-skill
Wie leert om duidelijk te formuleren – “pastelblauw, radius 8 px, push-reminder om 14:00” – zet AI-hulpmiddelen naar zijn hand en hoeft niet te wachten tot “de IT-afdeling tijd heeft”.
En persoonlijk?
Itereren is alles. De eerste versie was lelijk, versie zeven voelde als een product.
Wees extreem specifiek. Hoe preciezer mijn instructies, hoe beter Lovable codeerde.
Doorzetten loont. Veertig uur klinkt veel, maar het leverde een eigen app, nieuwe vaardigheden én een flinke portie zelfvertrouwen op.
Kortom: met een beetje vasthoudendheid, glasheldere prompts en één AI-bondgenoot kun je in één lang weekend iets maken dat anders weken – of een flinke factuur – kost.
Zelf proberen? Zo werkt het in de praktijk
Stap 1 – Zet je speelveld klaar
Maak een account op Lovable.dev (gratis, maar serieus werk kost minimaal € 25 / maand).
Open een gratis Supabase-project.
Log in bij ChatGPT, gratis is prima, betaald met o3 is beter.
Stap 2 – Schrijf je eerste, super-duidelijke prompt
Hieronder een voorbeeld van een prompt waarmee je zou kunnen beginnen in Lovable.
Bouw een web-app ‘HabitHero’.
Doel: gebruikers kunnen één dagelijkse gewoonte loggen.
Schermen: dashboard, log-history, instellingen.
Stijl: mobile-first, pastelblauw, afgeronde hoeken, dark-mode toggle.
Backend: Supabase Postgres, e-mail-login, row-level security.
Maak er direct een live-URL van.Stap 3 – Vraag ChatGPT alles
“Leg uit waarom mijn grafiek leeg blijft.”
“Schrijf een korte tekst als de gebruiker nog niets heeft gelogd.”
Stap 4 – Verbeter in kleine rondjes
Geef Lovable mini-prompts: “Verberg lege dagen”, “Voeg push-reminders toe om 10:00 / 14:00 / 18:00”.
Stap 5 – Publiceer en leer
Druk op Publish → deel je link.
Verzamel feedback, pas prompt + settings aan, herhaal.
Reality-check
Reken op zeker 10–15 iteraties en een paar uur kuieren. Het is nog steeds jouw creativiteit + doorzettingsvermogen die het product maakt.
Afsluiter
Vibe coding is géén hype maar een nieuwe vorm van creatief werken: je praat tegen een AI-bondgenoot in plaats van code te tikken. Met één tool, duidelijke prompts en wat geduld kun je in een weekend iets bouwen dat anders weken of duizenden euro’s kost.
Volgende week bouw ik live een nieuwe tool in een uur. Volg deze Substack – dan krijg je de livestream-link in je inbox.
Tot dan & blijf water drinken!
— Jean-Luc
(Feedback of vragen? Drop ze hieronder, ik reageer op elk bericht.)