Claude Sonnet 5 is er: hoe we VectoSolve bouwden met AI-First ontwikkeling
Claude Sonnet 5 is net gelanceerd. Zo gebruiken we Claude om VectoSolve te bouwen — van code tot content — en hoe jij de toekomst van AI-aangedreven designtools kunt vormgeven.
Founder of VectoSolve
Self-taught developer, founder and sole developer of VectoSolve since 2024. He builds the conversion engine and the cutting, embroidery and 3D printing exports.
How this article was made: drafted with AI assistance, then edited and fact-checked before publication. About the author
Key Takeaways
- AI-first ontwikkeling betekent bouwen met AI als medewerker — van architectuur tot deployment.
- Claude hielp me het volledige functiepakket van VectoSolve te leveren als solofounder: vectorisatie-engine, facturering, SEO, meertalige content en meer.
- De juiste prompting-workflow maakt AI tot een echte krachtversterker — maar menselijk oordeel blijft ononderhandelbaar voor testen, beveiliging en productsmaak.
- Solofounders in 2026 kunnen concurreren met gefinancierde teams door agentische codeertools zoals Claude Code te omarmen.
Ik bouwde een SaaS met AI als mijn medeoprichter. Dit is wat er gebeurde.
Laat me eerlijk zijn: VectoSolve zou niet bestaan zonder AI. Niet in de zin van "AI hielp me brainstormen" — de codebase, infrastructuur, contentpipeline, factureringslogica — alles gebouwd in een strakke loop tussen mij en Claude.
Toen Anthropic Claude Sonnet 5 (codenaam Fennec) leverde met zijn SWE-Bench-score van 82,1%, bevestigde het wat ik al ervoer: we hebben een drempel overschreden waar één ontwikkelaar, met de juiste AI-partner, software kan bouwen die twee jaar geleden een team van 5 mensen nodig had.
Dit is geen hype. Dit is een bouwlogboek.
De AI-First filosofie: "Met AI" verslaat "AI gebruiken"
De meeste ontwikkelaars behandelen LLM's als een slimmere Stack Overflow — een fout plakken, een fix krijgen. Dat is AI gebruiken.
Bouwen met AI betekent dat het model deelneemt aan het ontwerp. Het ziet de volledige context, begrijpt de architectuur, stelt compromissen voor en vangt fouten voordat ze zich ophopen.
In de praktijk bij VectoSolve:
- Architectuur — Ik beschrijf het doel en de beperkingen van een functie. Claude stelt het datamodel, API-oppervlak en componentenhiërarchie voor. We itereren tot het ontwerp klopt.
- Implementatie — Claude schrijft de eerste versie. Ik bekijk elke regel, wijs patronen af die ik niet leuk vind, vraag alternatieven.
- Debugging — Ik deel de fout plus context. Claude traceert de oorzaak en signaleert gerelateerde kwetsbaarheden die ik niet had opgemerkt.
- Shipping — Claude schrijft migratiescripts, deploymentconfiguratie, changelogs. Van idee tot productie is collaboratief.
Claude als codeerpartner: echte voorbeelden van VectoSolve
| Taak | Traditionele aanpak | AI-ondersteunde aanpak | Tijdsbesparing |
|---|---|---|---|
| Stripe-factureringsintegratie | 3-5 dagen docs + trial-and-error | 4 uur begeleide implementatie | ~80% |
| Meertalig SEO (10 talen) | Vertalers inhuren + handmatige QA | Claude genereert vertalingen, ik controleer belangrijke pagina's | ~90% |
| Supabase RLS-beleid | Halve dag debuggen van auth-randgevallen | Claude stelt beleid voor + detecteert bypass-vectoren | ~70% |
| SVG-optimalisatiepipeline | Onderzoek + prototype over een week | Claude ontwerpt de pipeline, ik stel kwaliteit af | ~75% |
| Blog-contentpipeline | Schrijven, bewerken, optimaliseren — hele dag per post | Co-schrijven met Claude, focus op stem en nauwkeurigheid | ~60% |
| Next.js API-routes | Plannen, bouwen, refactoren over iteraties | Claude stelt RESTful-patronen voor, handelt boilerplate af | ~65% |
Wat Claude daadwerkelijk bouwde
- Stripe-integratie — abonnementen, webhooks, gebruiksgebaseerde facturering, prijspaginalogica.
- SEO-infrastructuur — dynamische metatags, Open Graph-afbeeldingen, JSON-LD gestructureerde data, sitemaps over honderden pagina's.
- Conversie-engine-API — bestandsupload, wachtrijbeheer, voortgangsstreaming.
- Admin-dashboard — campagnebeheer, analytics, aankondigingen.
- E-mailtemplates — responsieve HTML voor onboarding, factureringsgebeurtenissen, functie-lanceringen.
Elke functie werd door mij beoordeeld, getest en verfijnd. Claude schreef de eerste versie. Ik bezat het eindproduct.
Wat is Claude Code? Claude Code is Anthropic's agentische codeertool die in je terminal draait. In tegenstelling tot chatgebaseerde AI werkt het direct in je codebase — bestanden lezen, code schrijven, commando's uitvoeren en autonoom itereren op fouten. Zie het als een co-piloot die je projectstructuur ziet en wijzigingen naast je maakt. Voor VectoSolve transformeerde deze agentische workflow de ontwikkelingssnelheid volledig.
A Full Year of Conversions for $49
Starter Annual: 25 conversions every month, $49 for the whole year. That is about $4.08 a month · Cancel anytime
Get the Annual DealWaar AI uitblinkt vs. waar menselijk oordeel essentieel is
AI blinkt uit in
- Boilerplate — CRUD-routes, validatie, schema's. Sneller dan ik vereisten kan typen.
- Documentatie-recall — Stripe API, Supabase RLS-syntax, Next.js middleware. Claude kent de docs uit het hoofd.
- Consistentie — Naamgeving, foutafhandeling, codestijl. Geen slechte dagen.
- Verkenning — "Drie manieren om dit te implementeren?" Claude toont opties die ik niet zou overwegen.
Mensen zijn ononderhandelbaar voor
- Productsmaak — AI bouwt alles; weten wat je moet bouwen is jouw taak.
- Beveiliging — Ik lever nooit auth-, RLS- of betaalcode zonder handmatige regel-voor-regel review.
- Contextuele performance — Claude optimaliseert functies, maar weten welke optimalisatie ertoe doet vereist domeinkennis.
- Merkstem — AI schrijft competente tekst. Het van jou maken vereist bewerking.
Pro Tip: Effectief AI-prompting voor codegeneratie — Geef Claude beperkingen, niet alleen doelen. In plaats van "bouw een prijspagina", probeer: "Bouw een prijspagina met ons PricingCard-component, die plangegevens haalt uit subscriptions in Supabase, met maandelijks/jaarlijks toggle. Gebruik dezelfde Tailwind-patronen als /dashboard. Behandel het randgeval van de gratis tier." Meer context = dichter bij productie bij de eerste versie.
Warning: Over overafhankelijkheid — AI-gegenereerde code werkt meestal. Dat maakt het gevaarlijk. De bugs die AI introduceert zijn vaak subtiel: race conditions in async handlers, ontbrekende null-checks op randgeval-inputs, RLS-beleid dat iets te permissief is. Altijd reviewen. Altijd testen. Altijd begrijpen wat de code doet voordat je het levert. Als je een blok AI-gegenereerde code niet aan jezelf kunt uitleggen, herschrijf het tot je dat wel kunt.
Het voordeel van de solofounder
"Een solofounder met AI kan nu leveren wat voorheen een crossfunctioneel team van vijf vereiste. De hefboom is ongekend — en we staan nog aan het begin.
De economie van softwarebouw is veranderd. Ik ben één persoon. VectoSolve heeft:
- Een productie Next.js-app met SSR en API-routes
- Supabase-backend met RLS, realtime-abonnementen, edge functions
- Stripe-facturering met abonnementen, gebruikstracking, self-service portaal
- Vercel-deployment met preview-omgevingen en edge-caching
- SEO-infrastructuur die organisch verkeer genereert over honderden pagina's
- 10-talig meertalig support
- Chrome- en Firefox-extensies
Twee jaar geleden zou dit solo leveren fantasie zijn geweest. Vandaag is het een dinsdag.
De VectoSolve-ontwikkelaarsdocumentatie bestaat omdat Claude hielp het te bouwen — niet omdat ik een schrijfteam had.
Tech-stack overzicht
| Laag | Technologie | Waarom |
|---|---|---|
| Frontend | Next.js 14 (App Router) | Servercomponenten, streaming, uitstekende DX |
| Backend | Supabase (Postgres + Auth + Storage) | Gulle gratis tier, realtime, ingebouwd RLS |
| Betalingen | Stripe (Abonnementen + Gebruik) | Industriestandaard, geweldige webhooks |
| Hosting | Vercel | Zero-config deploys, edge-netwerk |
| AI | Claude (Sonnet 5 via Claude Code) | Beste codeermodel, agentische workflow |
| Styling | Tailwind CSS | Utility-first, snelle iteratie |
| Resend | Ontwikkelaarsvriendelijke transactionele e-mail |
Elke laag gekozen voor solofounder-ergonomie: minimale ops, gulle gratis tiers, sterke docs en uitstekende AI-compatibiliteit.
Free SVG Tools for Crafters
Design Checker · Color Separator · Mat Preview · Offset Generator · Text to SVG
Check Your SVG FreeWat komt er?
Ik bouw VectoSolve in het openbaar met AI als mijn primaire medewerker. De roadmap omvat batchverwerking, API-toegang voor ontwikkelaars, nieuwe exportformaten en diepere AI-aangedreven SVG-bewerking.
Als je een solofounder bent die AI-first ontwikkeling overweegt: begin. De leercurve duurt dagen. De productiviteitswinst is permanent.
Zie wat AI-first ontwikkeling bouwde. Probeer VectoSolve gratis — geen aanmelding nodig.