WN logo

Case · Aanpak

Mijn eigen site als proeftuin: gebouwd met Lovable en Claude Code

Gebouwd met AI, niet door een bureau

Aanpak
AI-first
Astro

In het kort

Branche
Eigen consultancy (SEO, GEO, AI search)
Werk
Ontwerp, Build, Technische SEO, GEO-architectuur
Tools & stack
Lovable
Claude Code
Astro
Tailwind + shadcn/ui
Vercel

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?

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.