Website bouwen met AI: waarom ik van Lovable naar Claude Code overstapte

Een website bouwen met AI is inmiddels voor iedereen weggelegd: je beschrijft wat je wilt en tools als Lovable bouwen het voor je. De site waar je nu op leest is er zelf het bewijs van — gebouwd met Lovable, zonder dat ik een letter code schreef. Maar dit artikel gaat over wat er daarná gebeurde: waarom ik uit Lovable stapte, hoe mijn site nu gratis op Vercel draait en waarom Claude Code tegenwoordig mijn developer is. Inclusief het stappenplan, de eerlijke kosten en de poging die mislukte.

Hoe het begon: een gratis jaar Lovable

Ongeveer een jaar geleden bouwde ik deze website met Lovable. Via Lenny's Newsletter had ik een gratis jaarabonnement gekregen, waarmee ik ook een eigen domeinnaam kon koppelen. Een prima ervaring: je prompt wat je wilt, Lovable bouwt het, en binnen no-time staat er een professioneel ogende site live op je eigen URL.

Lovable pricing: waarom €50 per maand ging knellen

Het gratis jaar liep af, en toen kwam de realiteit van de Lovable pricing: het abonnement dat ik nodig had kost normaal zo'n €50 per maand. Voor een bedrijf dat er volop apps mee bouwt is dat prima te verantwoorden. Maar €600 per jaar voor het draaiend houden van een persoonlijke website die af en toe een update krijgt? Dat vond ik aan de prijs. Dus ging ik op zoek naar een Lovable alternative.

Eerste poging: een WordPress-thema (mislukt)

Mijn eerste idee: laat Claude Code op basis van mijn Lovable-site een WordPress-thema ontwikkelen. Dat bleek minder makkelijk dan gedacht. Het resultaat kwam nooit pixel-perfect overeen met mijn Lovable-thema. Dat lag deels aan mijn eigen prompting — in mijn eerste poging was ik niet duidelijk genoeg over wat voor thema ik wilde, en we bouwden bijvoorbeeld met ACF terwijl ik dat helemaal niet gebruikte. Maar ook met meerdere pogingen kreeg ik de blokken nooit goed gesteld. En omdat ik geen WordPress-developer ben, was het vaak gissen waar het misging.

De les: als je niet kunt beoordelen wáár iets fout gaat, wordt bijsturen lastig — hoe goed je AI-assistent ook is. Ik had een route nodig waarbij ik de bestaande code kon hergebruiken in plaats van namaken.

De oplossing: GitHub + Vercel, met Claude Code als developer

Na nog een keer sparren met Claude Code kwamen we op het idee dat achteraf voor de hand lag: gebruik GitHub in combinatie met hosting op Vercel — gratis voor hobbyprojecten, inclusief eigen domeinnaam. Zo hoefde ik niets na te bouwen: de bestaande code van mijn Lovable-site verhuisde gewoon mee. Het stappenplan:

1. Maak een GitHub-account aan en koppel Claude Code eraan met de juiste toegangsrechten.
2. Koppel je Lovable-site aan GitHub en synchroniseer. Zo kon Claude Code de volledige codebase van mijn site downloaden en lokaal op mijn laptop opslaan.
3. Maak een Vercel-account aan en koppel ook dat aan GitHub. Elke wijziging die naar GitHub gaat, zet Vercel automatisch live.
4. Koppel je eigen domeinnaam aan Vercel en neem de juiste DNS-instellingen over bij je hostingprovider.
5. Klaar. Claude Code zorgt voortaan voor de deploys; wil ik iets aangepast hebben, dan start ik gewoon een sessie.

Hoe lang duurde dat? Af en aan ben ik er een week of twee mee bezig geweest, tussen de bedrijven door — netto schat ik een uur of zeven, acht, inclusief uitzoekwerk. Met het stappenplan hierboven ben je sneller klaar, want dat uitzoekwerk is nu gedaan. Helemaal vlekkeloos ging het overigens niet: een DNS-instelling die niet meteen werkte, iets dat ik bij mijn hostingpartij verkeerd had ingesteld. Daar kwam ik redelijk snel uit, maar zit je zelden in het klantenpaneel van je hostingprovider, dan kan zoiets langer duren. Mijn tip: vraag AI waarom iets niet werkt — die stuurt je vaak de juiste richting op. Dingen gaan altijd ergens mis; daar leer je van.

Wat kost een website bouwen met AI?

De nuance: ik betaal €20 per maand voor Claude Pro, maar dat abonnement gebruikte ik toch al voor van alles — van SEO-werk tot data-analyse. De website erbij kost me dus feitelijk niets extra, en dat maakt de vergelijking met €50 per maand voor één tool alleen maar sterker.

Bonus: een compleet redesign met Claude Design

Het mooiste bewijs van de flexibiliteit kwam daarna. Mijn site had nog dat typische Lovable-uiterlijk: de roze-paarse styling en designelementen die je op veel Lovable-sites terugziet. Ik gaf Claude Design — een van de nieuwere tools van Claude — toegang tot de map met mijn codebase en vroeg: als jij deze site helemaal zou redesignen, hoe zou je dat doen?

Het resultaat was een complete make-over, inclusief een logo dat ik zelf nooit had bedacht: mijn naam met een gekleurde punt erachter. Toen ik tevreden was, liet ik Claude Design een handover-document schrijven met implementatie-instructies. Dat gaf ik aan Claude Code, die alles netjes doorvoerde op GitHub en uitrolde naar de live site. Dat handover-moment tussen de twee werkte vlekkeloos — en bedenk wat dit normaal kost: een designer inhuren, briefen, die laten samenwerken met een developer... daar ben je zo een paar weken en honderden euro's mee kwijt.

Hoe ik nu met Claude Code samenwerk

Inmiddels is de flow simpel: wil ik iets aan de site veranderen, dan start ik een sessie met Claude Code. Die heeft de volledige codebase lokaal staan, plus een projectbestand waarin staat hoe de site in elkaar zit en wat er nog op de backlog staat. Na elke wijziging bouwt hij de site, controleert of alles werkt en pusht naar GitHub — waarna Vercel automatisch deployt. Ook het SEO-verbetertraject van deze site loopt zo: van zoekwoordonderzoek tot het herschrijven van artikelen. Dit artikel is er zelf op die manier uitgerold.

Zelf een website maken met AI: waar begin je?

Wil je na dit verhaal zelf een website maken met AI, dan hangt je startpunt af van wat je zoekt. Wil je vandaag nog iets moois live hebben zonder techniek? Begin dan gewoon met een tool als Lovable — daar is niks mis mee, zeker in het begin niet. Wil je van meet af aan volledige controle, geen maandelijkse toolkosten en een site die je via Claude Code laat onderhouden? Volg dan het stappenplan hierboven, maar dan zonder de Lovable-tussenstap: laat Claude Code je site direct in een GitHub-repository bouwen en via Vercel hosten. Dezelfde eindbestemming, zonder verhuizing.

Is dit voor iedereen weggelegd?

Eerlijk antwoord: je moet je comfortabel voelen bij werken met Claude Code en enige technische basis hebben — weten hoe je een custom domain instelt, hoe je GitHub koppelt. Al kan AI je daar stap voor stap doorheen praten en precies vertellen wat je waar moet invullen. En anders: vraag iemand die dit vaker heeft gedaan om te helpen, of om het één keer goed uit te leggen zodat je het daarna zelf kunt.

Is Lovable dan een slechte tool? Zeker niet. Wil je snel een simpele site online hebben zonder technisch gedoe, dan is Lovable gewoon prima — je kunt er zelfs databases aan koppelen en behoorlijk uitgebreide dingen bouwen. Maar je hebt er wél een extra abonnement voor lopen. Voor mij geeft de huidige workflow veel meer flexibiliteit, allemaal binnen het Claude-abonnement dat ik toch al had. Lovable werd daarmee simpelweg een tool die ik niet meer nodig heb.

Hulp nodig bij het opzetten van deze workflow voor jouw site? Neem contact op.