Hoe bouw je een website met Claude Code

AI · Website-bouwen Hoe bouw je een website met Claude Code 19 juni 2026 Hoe bouw je een Laravel-site met AI rechtstreeks op je server? In deze blogpost ontdek je een revolutionaire workflow. Van het volledig geautomatiseerd inrichten van een virtuele machine (VM) op Proxmox met Claude CoWorker, tot het direct programmeren en debuggen in de terminal via een SSH-verbinding met Claude Code. Leer hoe je sneller controllers genereert, live functionaliteiten bouwt en server-logs analyseert zonder je workflow te onderbreken. Ideaal voor zelfvoorzienende developers en homelab-enthousiastelingen die het maximale uit Laravel en AI willen halen. Als Laravel-developer ben je waarschijnlijk wel gewend aan een fijne workflow. De artisan commands vliegen uit je vingers, je database-migraties staan strak en met Forge of RunCloud zet je alles zo live. Maar wat als je de kracht van een AI-assistent direct op je server of remote ontwikkelomgeving wilt loslaten? Onlangs heb ik mijn nieuwste Laravel-project gebouwd (and gefinetuned) met Claude Code, rechtstreeks via een SSH-verbinding. Geen ingewikkeld copy-pasten meer van je browser naar je IDE; gewoon praten met je code, direct waar het leeft. In deze blog leg ik je uit hoe deze workflow mijn development-snelheid heeft verdubbeld en hoe jij dit vandaag nog opzet. De basis leggen: Een geautomatiseerde Proxmox VM via Claude CoWorker Voordat ik überhaupt met Claude Code en Laravel aan de slag kon, moest er natuurlijk een stabiele serveromgeving zijn. Normaal gesproken betekent dit handmatig een ISO downloaden in Proxmox, een virtuele machine (VM) aanmaken, resources toewijzen en Linux installeren. Dit keer besloot ik het anders aan te pakken: ik liet Claude CoWorker het zware werk doen, en ik gaf per stap goedkeuring. Lekker makkelijk, zo kon ik wat andere extreem nuttige dingen doen (pizza in de oven smijten...). Ik gaf Claude CoWorker de opdracht om een gloednieuwe VM op mijn Proxmox-node in te richten. Via de Proxmox API en handige scripts regelde de AI het hele proces: De VM werd netjes aangemaakt met de juiste hoeveelheid CPU-cores, RAM en opslag. Ubuntu Server werd feilloos geïnstalleerd. De netwerkconfiguratie en SSH-keys werden direct gekoppeld, zodat ik meteen een veilige toegangspoort had. Het enige wat ik hoefde te doen, was toekijken hoe mijn nieuwe ontwikkelomgeving binnen een paar minuten volledig gebruiksklaar werd opgeleverd. Een ideale, schone lei om mijn Laravel-applicatie op te trekken! Wat is Claude Code eigenlijk? Nu de VM up and running was, kon het echte programmeerwerk beginnen. Hier komt Claude Code in beeld. De meeste developers kennen Claude wel van de webinterface of de API-integraties in editors zoals VS Code. Claude Code gaat een stap verder. Het is een command-line tool (CLI) die direct in je terminal leeft. Het kan bestanden lezen, code schrijven, tests uitvoeren en — mits je daar toestemming voor geeft — commands uitvoeren. Door dit te combineren met de zojuist aangemaakte SSH-verbinding naar de Proxmox VM, verander je je terminal in een AI-gestuurde programmeer-krachtpatser. Waarom via SSH op een eigen VM? Je vraagt je misschien af: waarom zou je dit op een remote (of lokale) VM doen en niet gewoon direct op je hoofdcomputer? Volledige isolatie: Je Proxmox VM is een zandbak. Mocht er tijdens het experimenteren met packages iets omvallen, dan blijft je main OS volledig schoon. Directe staging-ervaring: Je draait je code op exact dezelfde manier als hoe het later in productie op een VPS zal draaien. Claude kan direct in de juiste Linux-omgeving debuggen. Geen zware bak nodig: Al het zware werk gebeurt op de server. Je kunt letterlijk vanaf een lichte laptop op de bank je complete Laravel-architectuur aanpassen. Hoe richt je dit in? (Stappenplan) Het opzetten is verrassend simpel. Hier is hoe ik het heb aangepakt nadat de VM klaarstond: Stap 1: Verbinden via SSH Open je vertrouwde terminal en log in op je nieuwe Proxmox VM. Zorg ervoor dat je in de root-folder van je Laravel-project staat. ssh user@jouw-proxmox-vm-ip cd /var/www/jouw-laravel-project Stap 2: Claude Code installeren op de VM Zorg dat Node.js en NPM op je VM staan en installeer Claude Code met het volgende commando: npm install -g @anthropic-ai/claude-code (Afhankelijk van je rechten moet je hier mogelijk sudo voor zetten).sudo Stap 3: Authenticeren en starten Typ simpelweg claude in je Laravel-projectmap. De eerste keer krijg je een eenmalige link te zien om in te loggen met je Anthropic-account. Zodra dat is gebeurd, ben je good to go. De magie in de praktijk: Laravel & Claude Code Zodra Claude Code draait in je Laravel-root, snapt het de context van je hele applicatie. Dit is hoe ik Claude heb ingezet tijdens het bouwen: 1. Razendsnel controllers en migraties genereren In plaats van zelf alles uit te typen, vroeg ik Claude: "Ik heb een nieuw 'Portfolio' model nodig met een string voor de titel, een text-veld voor de beschrijving en een image-pad. Maak het model, de migratie en een Resource Controller aan." Claude voerde niet alleen de php artisan make:model Portfolio -mcr opdracht uit, maar vulde de migratie en de controller direct met de juiste logica en validatieregels. 2. Frontend integratie (Laravel Livewire of Blade) Wanneer je Claude vraagt om een UI-component te bouwen, past hij de Blade-bestanden direct aan. Omdat hij via SSH direct toegang heeft, kon ik na één druk op de knop in mijn browser het resultaat al zien draaien op de VM. 3. Slim debuggen Krijg je een vage 500 Internal Server Error? Vraag Claude om de Laravel-logs te inspecteren: "Kijk eens in storage/logs/laravel.log naar de laatste error en los het probleem op in de bijbehorende service."storage/logs/laravel.log Binnen een paar seconden analyseert de AI de stack trace en schotelt je de exacte fix voor. Je hoeft alleen nog maar met y (yes) te bevestigen. Mijn belangrijkste tip voor Laravel-gebruikers Als je hiermee aan de slag gaat, geef Claude dan duidelijke kaders mee. Laravel heeft een fantastische, gestructureerde architectuur (MVC), maar is tegelijkertijd ook gigantisch breed. Vertel Claude expliciet dat hij de Laravel best practices moet volgen. Zeg bijvoorbeeld: "Gebruik Form Requests voor validatie" of "Zorg dat de query scopes in het model staan, niet in de controller". Je zult zien dat de code die eruit rolt van enterprise-kwaliteit is. Geef ook duidelijk aan wat je precies voor website wil, of het een admin-panel met instellingen nodig heeft (a la CMS) en waar hij zijn intitiele data vandaan moet halen. Zo krijg je een super goede basis waar je op voor kan borduren. Conclusie Van het geautomatiseerd opzetten van een VM in Proxmox met behulp van Claude CoWorker, tot het fijne programmeerwerk via SSH met Claude Code: de manier waarop we applicaties bouwen is fundamenteel veranderd. Het haalt de frictie weg van het constant switchen tussen je browser, je code-editor en je server-terminal. Vrijwel alles gebeurt op één plek. Ga jij het ook proberen? Voel je vrij om contact met me op te nemen voor wat hulp!

Hoe bouw je een website met Claude Code

Reacties 1

Meer tech artikelen

AI bouwt AI: Claude leidt nu een kwart van het onderzoek bij Anthropic

Switch 2 haalt de achterstand in: VRR komt eindelijk naar de tv

Apple vouwt open: de iPhone Duo en een lineup zonder instapmodel