Case · Aanpak
Mijn eigen site als proeftuin: gebouwd met Lovable en Claude Code
Gebouwd met AI, niet door een bureau
In het kort
- Branche
- Eigen consultancy (SEO, GEO, AI search)
- Werk
- Ontwerp, Build, Technische SEO, GEO-architectuur
- Tools & stack
- LovableClaude CodeAstroTailwind + shadcn/uiVercel
Ik bouwde willemnales.nl zelf — eerst in Lovable, daarna herbouwd met Claude Code op Astro, Tailwind met shadcn/ui en gehost op Vercel. GEO-proof, schema-rijk en volledig in eigen beheer.
De situatie
Ik verkoop GEO, AI-zichtbaarheid en AI-workshops. Dan kun je niet aankomen met een trage site die door een bureau in elkaar is gezet en die je zelf niet kunt aanpassen. Mijn eigen site moest het bewijs zijn van wat ik adviseer: snel, technisch schoon, geoptimaliseerd voor zowel Google als AI-zoekmachines, en volledig in eigen beheer.
De uitdaging: dat zelf bouwen, zonder developer, en zonder in te leveren op techniek of structuur.
De aanpak
Eerste versie in Lovable
De site stond eerst live via Lovable, met GitHub en Vercel eronder. Snel itereren op structuur en design, en direct gedeployed. Zo stond er in korte tijd een werkende site, zonder bureau en zonder lange doorlooptijd.
Rebuild met Claude Code op Astro
Al snel bleken de voordelen van zelf bouwen met Claude Code te groot om te negeren. Meer controle over de code, een schone stack zonder overbodige overhead, en de vrijheid om alles zelf aan te passen zonder afhankelijk te zijn van een tool of een developer. Daarom heb ik de site herbouwd op Astro, met Tailwind en shadcn/ui en gehost op Vercel. Componenten, de dienstenstructuur, de workshop-sectie en de technische SEO, allemaal in eigen hand. Code die ik begrijp en op elk moment kan bijwerken. Precies deze werkwijze leer ik door in mijn AI- en Claude-workshops.
GEO en AI-zichtbaarheid ingebouwd vanaf de basis
De site is gebouwd om gelezen te worden door AI-zoekmachines, niet alleen door Google:
- Beschrijvende entiteit-alinea's die in platte tekst vertellen wie ik ben en wat ik doe, makkelijk te citeren door ChatGPT, Perplexity en Gemini.
- FAQ-blokken met structured data, zodat vragen en antwoorden direct uitleesbaar zijn.
- Een heldere koppenstructuur en een fase-model dat de aanpak logisch opdeelt.
- Snelle laadtijden door de statische Astro-build, met performance-optimalisaties als Priority Hints en een PWA-opzet. Sterke Core Web Vitals als fundament.
Het resultaat
Een site die doet wat ik anderen adviseer. Snel, schoon, schema-rijk en leesbaar voor AI-zoekmachines, gebouwd zonder developer en volledig in eigen beheer. Elke aanpassing doe ik nu zelf met Claude Code, van een nieuwe dienstpagina tot een complete workshop-sectie.
Belangrijker nog: het is een levend bewijs van mijn propositie. Ik laat met mijn eigen site zien dat AI-tools en doordachte techniek samen een professioneel, vindbaar platform opleveren. Datzelfde proces, van prototype in Lovable tot build met Claude Code, geef ik door in mijn AI-workshops.
De kern
De beste manier om GEO en AI-first werken te verkopen, is het zelf doen. Mijn site is geen visitekaartje dat een bureau heeft gemaakt, maar een proeftuin die ik zelf bouw en bijstuur met dezelfde AI-tools die ik mijn klanten leer gebruiken.
Wil je dit zelf leren — van prototype in Lovable tot build met Claude Code?
Andere cases
Zelf AI-first bouwen?
In mijn workshop laat ik teams precies deze werkwijze zien: van prototype tot een schone, GEO-proof build met Claude Code.