"Een website bouwen met Claude " in 2026 kan twee totaal verschillende dingen betekenen. De eerste is Claude Code openen en de website zelf coderen met behulp van AI: dit vereist een betaald abonnement, eigen hosting en de mogelijkheid om mislukte wijzigingen terug te draaien via het versiebeheersysteem. De tweede is een website in een paar minuten in elkaar zetten met een reguliere AI-builder, deze vervolgens koppelen aan Claude, ChatGPT of Gemini en simpelweg aangeven wat er moet worden aangepast. Hieronder zal ik eerlijk zijn over beide benaderingen: hoeveel het kost, waar beginners vaak tegenaan lopen en hoe het koppelen van een voltooide website aan een AI-chat werkt.
De website "via Claude " bestaat uit twee verschillende paden.
Wanneer mensen op Google zoeken naar "hoe maak je een website in Claude ", bedoelen ze bijna altijd een van de volgende twee dingen: code schrijven met behulp van AI of een bestaande website beheren via een chatfunctie. Het verschil is cruciaal en verwarring kan kostbaar zijn – je kunt gemakkelijk een avond verspillen aan een tool die niet aan je behoeften voldoet.
De eerste methode heet vibe coding: Claude Code, Lovable, Bolt en v0 genereren de daadwerkelijke websitecode op basis van uw tekstcommando's. De tweede methode houdt in dat u een kant-en-klare website ontvangt, waarmee Claude, ChatGPT of Gemini via het MCP protocol verbinding maken als controlepaneel. Hieronder worden beide methoden in volgorde beschreven, met de bijbehorende cijfers en valkuilen.
Wat is MCP in eenvoudige bewoordingen?
MCP (Model Context Protocol) is een open protocol waarmee AI-chats verbinding kunnen maken met externe tools. De ontwikkelaars van het protocol leggen dit uit door het te vergelijken met een connector:
" MCP is als een USB-C-poort voor AI-toepassingen: net zoals USB-C een standaard manier biedt om apparaten aan te sluiten, biedt MCP een standaard manier om AI-toepassingen met externe systemen te verbinden."
- modelcontextprotocol.io,“Wat is het Model Context Protocol?”
Anthropic heeft MCP op 25 november 2024 als open standaard uitgebracht. In maart 2025 nam OpenAI het protocol over, aanvankelijk in de Agents SDK, met de belofte om snel ondersteuning toe te voegen aan de ChatGPT -app en de Responses API. Microsoft en Google volgden al snel. In december 2025 had MCP meer dan 10.000 actieve openbare servers en in diezelfde maand droeg Anthropic het protocolbeheer over aan de Agentic AI Foundation van de Linux Foundation om ervoor te zorgen dat de standaard neutraal blijft. Voor de site-eigenaar betekent dit dat MCP de geaccepteerde manier is om AI-chats te verbinden met diensten van derden, en dat het momenteel door alle belangrijke assistenten wordt ondersteund. Voor meer informatie over hoe dit werkt op 1001site, zie de instructies voor het verbinden van Claude, ChatGPT en Gemini in de kennisbank.
Optie 1: Claude Code bouwt een website helemaal vanaf nul - hoeveel kost dat eigenlijk?
Claude Code heeft geen gratis versie: toegang begint met een Claude Pro-abonnement (20 dollar per maand) of een Max-abonnement (100-200 dollar per maand), of met betalingen via Anthropic Console. Andere diensten voor het coderen van vibes werken op een vergelijkbare manier:
- Lovable - 5 gratis bouwwerken per dag, betaald vanaf $25 per maand.
- Bolt.new - 1 miljoen tokens per maand gratis, $20-25 per maand tegen betaling (tokens worden sneller verbruikt naarmate het project groeit).
- v0 (Vercel) - 7 berichten per dag gratis, betaald vanaf $30 per maand per gebruiker.
Na de build is de code van jou en kun je deze naar elke hostingprovider overzetten – dat is een pluspunt. Hosting, domein, HTTPS-certificaat en het daaropvolgende websiteonderhoud zijn echter ook jouw verantwoordelijkheid. Bolt publiceert standaard naar Netlify. Lovable synchroniseert met GitHub en vereist een aparte implementatie naar Netlify of Vercel. v0 is gekoppeld aan de infrastructuur van Vercel, tot en met het handmatig configureren van DNS-records (technische domeinadressen) voor je eigen website. Geen van beide tools biedt websiteonderhoud na de build.
Welke valkuilen liggen er voor een niet-technisch persoon bij het coderen van vibes?
Vijf dingen die enthousiasme sneller de kop indrukken dan de beloftes in reclames met sfeercodering:
- AI maakt al werkende code kapot. Een veelgehoorde klacht onder beginners in Vibe-programmering: tijdens hun eerste pogingen schrijft de AI gebrekkige code en maakt al werkende services onbruikbaar.
- Zonder Git is er geen mogelijkheid om terug te keren naar een eerdere versie. Dezelfde auteur vergelijkt commits met de versiegeschiedenis in Google Docs, maar zelfs dit moet aan een beginner helemaal vanaf nul worden uitgelegd.
- Het model "vergeet" de context. Elk AI-model heeft een beperkt geheugen voor dialogen, waardoor het steeds hetzelfde herhaalt – dit wordt duidelijk aangetoond door de analyse op DEV Community.
- Het debuggen van code van iemand anders is een doodlopende weg. Als je de logica niet zelf hebt geschreven, is het diagnosticeren van een bug lastiger: het is onduidelijk waar je überhaupt moet beginnen met zoeken naar de oorzaak.
- Beveiliging is een blinde vlek. AI voegt standaard geen bescherming tegen brute-force-aanvallen of tweefactorauthenticatie toe, tenzij hier expliciet om wordt gevraagd, en API-sleutels belanden vaak rechtstreeks in de front-endcode. De Vibe Security Radar-kwetsbaarheidstracker van Georgia Tech registreerde een toename in ontdekkingen in door AI gegenereerde code van zes nieuwe CVE-vermeldingen in januari 2026 tot 35 in maart – meer informatie is te vinden op entrepreneurloop.com.
Geen van deze problemen betekent dat vibe coding een slecht hulpmiddel is: voor een ontwikkelaar of een enthousiaste experimenteerder is het een prima manier om snel een prototype in elkaar te zetten. Maar voor een ondernemer die gewoon een werkende website wil zonder de last van een tweede beroep, is dit een behoorlijke drempel.
Route 2: De website is al klaar en de AI-chat is hem alleen nog aan het bewerken.
De tweede route is korter, juist omdat de website al is gebouwd. In 1001site kies je een stijl uit de catalogus en de AI-agent maakt de homepage en secties in die stijl aan in 2-7 minuten; de kloonmodus reproduceert de referentie bijna exact en de tekst wordt specifiek voor jouw bedrijf herschreven. Vervolgens kun je de site via MCP koppelen aan Claude, ChatGPT of Gemini en beheren met commando's zoals: "Toon deze 20 producten uit de tabel", "Maak de homepage zoals op deze site", "Verhoog de prijzen met 10%".
De service regelt de hosting, het domein en de engine-updates; u hoeft geen toegang te hebben tot de repository of de implementatieconsole. De website bevindt zich technisch gezien in uw dashboard en het publieke adres is een subdomein of een aangepast domein met een gratis SSL-certificaat. De stijl wordt geselecteerd in het pop-upvenster "Een website maken" op 1001site.com en MCP verbinding wordt toegevoegd nadat de website gereed is.
Zo verbind je een website met Claude, ChatGPT of Gemini: 3 stappen
De verbinding wordt eenmaal per assistent tot stand gebracht en bestaat uit drie stappen.
- Klik op "Verbinden". Ga naar Instellingen → "AI en MCP " → "Verbinden met Claude " (of ChatGPT, Gemini). Er wordt een sleutel gegenereerd waarmee u volledige toegang tot deze site krijgt, en de verbindingslink wordt naar het klembord gekopieerd.
- Plak de link in de assistent. Voor Claude (claude.ai): Instellingen → Connectoren → "Aangepaste connector toevoegen"; voor Claude Code: het commando vanuit het verbindingsvenster; voor ChatGPT: Ontwikkelaarsmodus → MCP apps → Server toevoegen; voor Gemini: Instellingen → Verbonden apps → Een aangepaste app toevoegen (voor Gemini CLI: een apart commando).
- Controleer dit. Stuur de assistent een bericht zoals: "Je bent verbonden met mijn site. Laat me zien wat je kunt doen." Ze openen de tool en geven je een lijst met opties.
Een catalogus met kant-en-klare commando's is direct in de verbinding ingebouwd, zodat u geen prompts helemaal zelf hoeft te bedenken.
Wat kun je wel en wat niet aan een assistent toevertrouwen?
De verbonden assistent krijgt dezelfde tools als de ingebouwde AI-assistent op kantoor:
- Categorieën en producten - aanmaken, bewerken, importeren, foto via link;
- bestellingen en hun status;
- alle site-instellingen en interfaceteksten;
- ontwerp - kleuren, lettertypen, header, aangepaste CSS, stijl gebaseerd op referentie of screenshot;
- structuur van de hoofdpagina en pagina's uit blokken;
- berichten en statistieken.
De assistent heeft geen toegang tot het tariefplan, het websiteadres en domein, betalings- en bot-sleutels of gegevensverwijdering. Dit neemt de grootste angst weg: "Wat als ze iets onherstelbaar beschadigen?". De sleutel wordt eenmalig getoond bij het aanmaken en kan worden uitgegeven met beperkte rechten (alleen-lezen, of lees- en schrijftoegang voor specifieke groepen, zoals de catalogus of bestellingen). De sleutel kan met één klik in de lijst met verbindingen worden ingetrokken, waarna de assistent direct de toegang verliest.
Hoe het er in de praktijk uitziet: een catalogus van 300 producten in een paar minuten.
300 productkaarten, die normaal gesproken dagen zouden kosten om handmatig in te vullen, waren in slechts een paar minuten klaar dankzij een gesprek met Claude via de bijbehorende service van de auteur, die hetzelfde MCP principe hanteert als 1001site. In een van de projecten voor een dealernetwerk dat monumenten verkoopt, analyseerde Claude een grote hoeveelheid 3D-modellen, verdeelde deze handmatig in 300 afzonderlijke producten en categoriseerde ze met behulp van een paar tekstcommando's van de auteur. De auteur beschrijft het resultaat als volgt:
" MCP technologie verandert winkelbeheer radicaal. In plaats van de hele dag handmatig kaarten in te vullen, communiceer je met een chatbot, stuur je foto's en vult het systeem de winkel automatisch aan."
- Uit de casestudy "Catalogus van 300 producten in een paar minuten", 1001site blog
De logica voor het verbinden en samenwerken met Claude via MCP in 1001site is hetzelfde - alleen zijn de catalogus en producten al van jou.
Heb ik een betaald account nodig en hoeveel kost het hele proces?
Ja, hoogstwaarschijnlijk wel. MCP verbinding is beschikbaar in de betaalde abonnementen van de site ("All Inclusive" - €45 per maand, eerste maand met een promotiecode - €25; geen proefperiode). Een account bij Claude, ChatGPT of Gemini is apart en van jou: de voorwaarden, berichtlimieten en kosten worden bepaald door de provider zelf, niet door 1001site. Vergelijk dit met de instapprijs voor vibe coding uit het bovenstaande gedeelte: daar beginnen de kosten bij $20 voor een Claude Code-abonnement alleen, exclusief hosting. MCP is niet gratis, maar voegt alleen de kosten van een assistent-account toe aan de reeds betaalde website - er is geen aparte factuur voor hosting en domein.
Welk pad moet je kiezen?
Als je geïnteresseerd bent in het programmeerproces zelf, een volledig op maat gemaakt product nodig hebt of vertrouwd bent met Git en deployment, dan is 'vibe coding' met Claude Code, Lovable of Bolt de moeite waard en een prima tool voor die klus. Als je een werkende website voor je bedrijf nodig hebt zonder er een tweede carrière van te maken, is het slimmer om er een te bouwen met een kant-en-klare AI-builder en deze vervolgens via MCP te koppelen aan Claude, ChatGPT of Gemini wanneer je de website mondeling wilt beheren. De tweede aanpak begint met het kiezen van een stijl uit de 1001site -catalogus: een website is binnen 2-7 minuten klaar en MCP koppeling kan op elk gewenst moment aan het bestaande resultaat worden toegevoegd.
Bronnen
- Antropisch. Introductie van het Model Context Protocol, 25-11-2024
- Model Context Protocol - officiële documentatie
- MCP sluit zich aan bij de Agentic AI Foundation, MCP blog, 12-09-2025
- DivyanshuLohani. The Vibe Coder: Niet-technische ontwikkelaars en de illusie van AI, DEV Community
- 10 kritieke beveiligingslekken waar elke Vibe Coding-oprichter voor moet oppassen, entrepreneurloop.com
- Claude, ChatGPT en Gemini ( MCP) met elkaar verbinden - Kennisbank 1001site
- Een catalogus met 300 producten in een paar minuten: hoe MCP en Claude een webwinkel vullen
