Vibe coding in 2026 · van prompt naar productie-software

De timeline is kort maar steil. Februari 2025: Karpathy's tweet maakt 'vibe coding' viral. Maart-juni 2025: Lovable, Bolt en v0 zien explosieve groei — Lovable bereikt $50M ARR in zes maanden, het snelste SaaS-traject ooit. Najaar 2025: enterprise-pilots bij Shopify, Stripe en Klarna laten zien dat vibecoded interne tools productie-rijp zijn. Begin 2026: Devin (Cognition AI) en Manus introduceren agentic vibe coding — agents die autonoom complete features ontwerpen, bouwen, testen en deployen. Medio 2026: McKinsey rapporteert dat 35% van Fortune 500-bedrijven vibe coding inzet voor interne software, en 60% voor prototypes. De drijvende kracht is niet hype maar economie: vibecoding levert vergelijkbare output in 20-40% van de tijd van klassieke ontwikkeling, bij een fractie van de kosten. Het is geen vraag meer óf vibe coding mainstream wordt — die vraag is in 2026 beantwoord.

Vibe coding is geen één markt. Vier categorieën met andere kopers, sterke en zwakke punten. (1) Full-stack web apps (browsergebaseerd): Lovable (NL/EU-leider, full-stack React + database + auth), Bolt.new (StackBlitz, populair voor prototypes), v0 by Vercel (sterk in UI, koppelt aan Next.js), Replit Agent (volledig in browser, sterk voor educatie en hobby). Geschikt voor founders, marketing-teams, non-developers. (2) IDE-augmented coding: Cursor (VS Code fork, marktleider onder pro devs), Windsurf (Codeium), GitHub Copilot Workspace, Claude Code (CLI van Anthropic, agentic). Geschikt voor professionele developers die snelheid willen zonder controle te verliezen. (3) Mobile-first: Lovable mobile, Expo Snack met AI, Rocket. Nog jonger dan web maar groeit hard. (4) Agentic backend en infra: Devin (Cognition AI), Manus (general agent), Cursor agents. Agents die autonoom multi-file changes maken, tests draaien en PR's openen. Nog in early-adopter-fase voor productie, maar fundamenteel een nieuwe categorie.

Korte vergelijking op vier assen. (1) Doelgroep: Lovable richt zich op founders, marketing-teams en niet-developers die productieklare apps willen, met optionele code-export naar GitHub. Cursor mikt op professionele developers die niet hun IDE willen verlaten. Bolt zit ertussenin: ontwikkelaar-vriendelijker dan Lovable, mens-vriendelijker dan Cursor. (2) Output: Lovable produceert React + TypeScript + TanStack Start of Next.js + Supabase, productie-deploybaar via Cloudflare of Vercel. Cursor genereert in elke taal/framework die je IDE ondersteunt. Bolt produceert vergelijkbaar met Lovable maar minder vaak met SSR. (3) Werkwijze: Lovable is conversationeel en visueel — je ziet de app live updaten. Cursor is editor-gedreven — je werkt in code maar de AI schrijft het meeste. Bolt zit visueel tussen beide in. (4) Prijs en hosting: Lovable €20-100/m all-in inclusief hosting. Cursor ~$20/user/m, hosting regel je zelf. Bolt ~$20/m, hosting ook zelf. Kies Lovable als je tempo en eenvoud wilt, Cursor als je code-controle wilt, Bolt als je tussen beide zit en US-gericht werkt.

Zes use-cases waar vibe coding in 2026 standaard productie-rijp is. (1) Marketing-websites en landing pages — sneller, betere SEO/GEO en goedkoper dan WordPress of Webflow voor wie wat technische affiniteit heeft. (2) MVP's en startup-producten — van idee tot live app in dagen, niet maanden. (3) Interne tools en dashboards — admin panels, klant-overzichten, operationele dashboards. Vervangt vaak Retool of Power Apps. (4) Customer portals en self-service — login, accountbeheer, factuur-inzage. (5) Klein- tot middelgrote SaaS-producten — eerste 100-1.000 gebruikers prima vibecoded, daarna kan men opschalen of refactoren. (6) Marketing-tools en mini-apps — calculators, AI-zichtbaarheidschecks, content-generators, A/B-test-pagina's. Voor deze use-cases is vibecoding niet langer een experiment — het is de slimste manier om te bouwen.

Vier situaties waarin vibe coding in 2026 niet de juiste primaire keuze is. (1) Safety-critical of regulated systems: medische apparatuur-software, financiële kernsystemen, vluchtcontrole — code-review-eisen, validatie en certificering vragen klassieke processen waar AI-gegenereerde code een input is, niet de bron. (2) High-traffic systemen met extreme performance-eisen: vibecoded apps zijn snel goed genoeg, maar voor 10.000+ concurrent users met sub-100ms response-eisen zijn handgeschreven optimalisaties nog steeds nodig. (3) Bedrijfskritische langlevende systemen: een ERP-vervanger die 15 jaar mee moet en door verschillende teams onderhouden wordt — daar zijn architectuur-discipline en code-leesbaarheid belangrijker dan bouw-snelheid. (4) Apps die diep in Microsoft 365, Salesforce of SAP integreren — daar wint low-code (Mendix, OutSystems, Power Platform) door de pre-built connectors. Voor deze use-cases is vibe coding meestal beter als productiviteits-tool voor developers (Cursor in hun IDE) dan als primaire bouwmethode (Lovable of Bolt voor de hele app).

Vibe coding heeft reële risico's die in hype-verhalen vaak verdoezeld worden. (1) Security: AI-gegenereerde code bevat soms SQL-injectie, XSS, onveilige auth-implementaties of secrets in client-code. Mitigatie: automatische security-scans (Snyk, Semgrep), dependency-scanning en periodieke security-reviews zijn niet optioneel. (2) Hallucinated dependencies: LLM's verzinnen soms package-namen die niet bestaan, of importeren verouderde versies. Mitigatie: lockfile-verificatie, dependency-audits en het verbieden van auto-install. (3) Code-bloat en architectuur-erosie: zonder strakke prompts en periodieke refactoring groeit een vibecoded codebase chaotisch. Bestanden van 800+ regels, ongebruikte componenten en dode code zijn normaal in slecht-onderhouden vibecoded projecten. Mitigatie: linting, complexity-budgets en regelmatige opruim-sprints. (4) Vendor lock-in: platform-specifieke features (Lovable Cloud bindings, Cursor-specifieke prompts) bemoeilijken migratie. Mitigatie: export naar GitHub vanaf dag 1 en vendor-neutrale architectuur. (5) Skill-atrofie: junior developers die alleen prompt-en-accepteren leren minder fundamentals dan voorgaande generaties. Mitigatie: code-review-cultuur en periodieke 'no-AI'-trainingsdagen.

De grootste ontwikkeling in 2026 is niet betere code-generatie — het is autonomie. Agents als Devin (Cognition AI), Manus en de agent-modes van Cursor en Claude Code kunnen tickets oppakken, planning maken, multi-file changes uitvoeren, tests draaien en pull requests openen. Wat dit verandert: (1) Developer-rol verschuift naar architect en reviewer — minder zelf typen, meer specificeren en valideren. (2) Productiviteitsgains in piekvorm: routine-tickets (bug-fixes, kleine features, refactors) worden 5-10x sneller. (3) Nieuwe risico's: een agent die autonoom 30 bestanden wijzigt vraagt veel disciplinairder review-processen dan een mens-gestuurde edit. (4) Compliance-vragen: wie is aansprakelijk voor een fout in agent-gegenereerde code? Realistisch beeld voor 2026: agentic vibe coding werkt uitstekend voor afgekaderde tickets met duidelijke acceptatiecriteria, en is fragiel voor open-ended creatieve werk. De volwassen organisaties gebruiken agents voor de eerste categorie en houden mens-gedreven vibe coding voor de tweede.

Een onderbelicht aspect dat in elk vibecoding-project op dag 1 hoort: AI-vindbaarheid. Veel vibecoded apps zijn SPA's (Single Page Applications) die zonder server-side rendering volledig onzichtbaar zijn voor crawlers van ChatGPT, Perplexity, Google AI Overviews en Claude. Praktische gevolgen: je marketing-site komt nergens in AI-antwoorden voor, ondanks dat hij visueel perfect is. Vijf fundamenten die dit oplossen. (1) Gebruik een framework met SSR of statische generatie — TanStack Start, Next.js, Astro of Remix. Lovable bouwt standaard met TanStack Start en is daarom SSR-ready uit de doos. (2) Implementeer schema markup (Organization, WebSite, Article, FAQ, HowTo) — AI-modellen leunen zwaar op gestructureerde data. (3) Plaats een llms.txt in de root van je site die AI-crawlers naar je belangrijkste content wijst. (4) Zorg voor meta-tags per route (title, description, og:tags, canonical) — niet één set voor de hele app. (5) Bouw een sitemap.xml dynamisch, en koppel die in robots.txt en Google Search Console. Vibe coding én GEO horen vanaf de eerste prompt samen ontworpen te worden — niet als naderhand opgelapte SEO-taak.

De economie van vibe coding is in 2026 helder. Tooling: Lovable €20-100/m, Cursor ~$20/user/m, Bolt ~$20/m, hosting via Vercel of Cloudflare €0-25/m, database via Supabase of Neon €0-25/m. Voor een serieuze marketing-app of internal tool: typisch €50-150/m operationele kosten. Bouwkosten: een ervaren vibecoder bouwt een MVP van 6-10 schermen in 3-10 dagen — werk dat klassiek 4-12 weken kost. Een marketing-site die door een agency typisch €15.000-40.000 kost (WordPress of Webflow), staat vibecoded in een week voor €5.000-15.000. ROI-categorieën: (1) Time-to-market — features die anders pas Q3 leefden, staan in Q1. (2) Iteratie-snelheid — A/B-tests, copy-changes en design-tweaks in uren in plaats van weken. (3) Eigenaarschap — code in eigen GitHub, geen vendor-afhankelijke runtime. (4) Talent-flexibiliteit — niet-developers (marketeers, founders) kunnen produceren. Realistische verwachting: 60-80% goedkoper dan klassieke ontwikkeling bij vergelijkbare scope, met de kanttekening dat governance en security-discipline beheer-kosten met zich meebrengen.

De interessantste organisaties kiezen geen kamp — ze ontwerpen een applicatie-portfolio. Drie hybride patronen die we steeds vaker zien. (1) Vibe coding voor customer-facing, low-code voor internal: marketing-site en customer portal in Lovable, internal approval workflows in Power Apps, CRM-uitbreidingen in OutSystems. Beste van beide werelden. (2) Vibe coding als 'speedboat' rond een low-code 'tanker': een Mendix-systeem als bedrijfslogica-fundament, met vibecoded snelle iteraties voor specifieke schermen of integraties. (3) AI als orkestratielaag: tools zoals Microsoft Copilot Studio, n8n en Make koppelen low-code workflows aan vibecoded apps, en gebruiken AI-agents om data tussen beide werelden te bewegen. Praktisch advies voor 2026: stop met de vraag 'low-code of vibe coding?'. Begin met de vraag 'welk werk hoort op welk fundament?' — en bouw daarna een portfolio waarin elke applicatie de juiste basis krijgt. Bij Hawk Eye AI bouwen we beide werelden en helpen we organisaties die portfoliokeuze maken, inclusief de GEO-laag eromheen.

Een pragmatisch 90-dagen plan om vibe coding serieus in je organisatie te brengen. Dag 1-30: pick the right first project — kies een marketing-site, MVP of intern dashboard met duidelijke scope en lage compliance-druk. Geef één persoon eigenaarschap (niet een commissie). Kies een platform: Lovable voor non-developer of mengt team, Cursor voor pro-dev team. Bouw, deploy, leer. Dag 31-60: governance inrichten — definieer welke types apps in welk platform horen, leg security-baseline vast (auto-scans, dependency-checks, secrets-management), zorg voor een review-flow vóór elke productie-deploy. Train een tweede en derde teamlid. Dag 61-90: schaal en meet — bouw een tweede en derde project, meet time-to-market en kostenbesparing tov klassieke route, deel learnings intern. Begin met een lichte 'Vibe Coding Center of Excellence' (kan één persoon zijn): die houdt platform-keuzes, templates en security-baselines bij. Na 90 dagen heb je niet alleen een paar werkende apps, je hebt een organisatiecapability die exponentieel terugbetaalt bij elk volgend project.