Een website bouwen en hosten vanuit Claude met MCP
Ja, Claude kan een website maken en online zetten. In zijn eentje schrijft Claude de code, en dan heb je nog een plek nodig om die te hosten. Met een connector naar een websitebouwer doet Claude het hele werk in de chat: de pagina ontwerpen, publiceren op een echt adres en later aanpassen als jij daarom vraagt. Dit artikel laat een echte run zien met de MCP-server van Ginta, getimed op 12 oktober 2026: één bericht, 168 seconden, vier aanroepen van tools, een live website.
Wat MCP is, in twee zinnen
MCP (Model Context Protocol) is de standaardmanier waarop AI-assistenten als Claude en ChatGPT externe tools gebruiken.
Ginta draait een MCP-server op https://ginta.app/mcp: zodra je die koppelt, kan Claude websites maken, publiceren en
bijwerken in je Ginta-account, nadat je hebt ingelogd en op Allow hebt geklikt.
Stap 1: voeg Ginta toe aan Claude (twee minuten)
Ginta staat in de connectorgids van Claude. In claude.ai of de desktopapp van Claude:
- Open Ginta in de connectorgids (of ga naar Customize → Connectors, blader en zoek op "Ginta").
- Klik op Connect. Er opent een venster van Ginta: log in of maak een gratis account aan, en klik op Allow.
De route met een eigen connector werkt ook nog: Customize → Connectors, +, Add custom connector, naam
Ginta, URL https://ginta.app/mcp.
Gratis Claude-accounts kunnen beperkt zijn tot één eigen connector. De volledige handleiding, met teamabonnementen en ChatGPT, staat op Ginta koppelen.
Stap 2: vraag om de website
Dit is het exacte bericht dat we stuurden (in het Engels, hier vertaald; via de API van Anthropic met de MCP-connector, model Claude Opus 5.5, zoals claude.ai connectors gebruikt):
Maak met Ginta een website voor mijn yogastudio in Porto. Hij heet Sala Luz: kleine lessen Hatha en Vinyasa, hooguit 10 mensen, maandag tot en met zaterdag 's ochtends en 's avonds. Rua de Cedofeita 120, Porto. Telefoon +351 22 000 0142. Voeg een contactformulier toe voor vragen.
Wat Claude deed, stap voor stap
| # | Tool die Claude aanriep | Waarvoor |
|---|---|---|
| 1 | get_guide |
De ontwerpgids van Ginta lezen: indelingen, lettertypes, foto's, iconen, het blok voor het contactformulier |
| 2 | check_name |
Controleren of sala-luz.ginta.page vrij was |
| 3 | create_site |
De pagina publiceren in ons Ginta-account |
| 4 | preview_site |
Screenshots maken van de live pagina om het ontwerp te controleren |
In totaal: 168 seconden van bericht tot live website op sala-luz.ginta.page, zonder fouten.
Wat ons nog meer beviel dan het ontwerp, was het antwoord van Claude. Het somde op wat het had aangenomen en wat
nog ontbrak: geen lestijden of prijzen (die hadden we niet gegeven, dus de pagina vraagt mensen te bellen), nog geen
e-mailadres voor berichten via het formulier (tot dan komen ze in de Ginta-inbox), stockfoto's in plaats van de echte
studio, en een privacypagina waar de officiële naam van het bedrijf nog op moet. Het zei ook dat het in deze API-test
de screenshots van preview_site niet kon zien, en daarom de code had gecontroleerd. Die eerlijkheid wil je hebben
voordat je een website aan klanten laat zien.
Stap 3: pas hem later aan, in elke chat
De website staat in je Ginta-account, niet in één gesprek. Zeg in een nieuwe chat "verander de openingstijden op mijn Ginta-site sala-luz" en Claude vindt hem. Wat Claude met de tools van Ginta kan, in gewone woorden:
- Websites bouwen en aanpassen met kleine wijzigingen, je foto's, logo en bestanden uploaden (of je een link geven waar je foto's direct vanaf je telefoon neerzet), en teruggaan naar elke eerdere versie.
- Kant-en-klare onderdelen die je daarna zelf beheert: afspraken, een webshop, evenementen en lessen met plaatsen, een menukaart, een fotogalerij, een blog, offerteaanvragen, mededelingen en reviews.
- Je eigen domeinnaam, met de precieze DNS-stappen voor het bedrijf dat hem beheert, en een controle of hij live is. Nog geen domeinnaam? Op een betaald abonnement zoek en koop je er een in Ginta voor € 29 per jaar, en hij wordt voor je gekoppeld.
- Berichten en bezoekers: berichten van formulieren lezen, paginaweergaven en snelheidsscores bekijken.
Elke tool staat met een voorbeeld in de documentatie voor ontwikkelaars.
Vanuit Claude Code: een project online zetten dat je hebt gebouwd
Ontwikkelaars kunnen dezelfde server toevoegen aan Claude Code:
claude mcp add --transport http ginta https://ginta.app/mcp
Voer daarna /mcp uit, kies ginta → Authenticate en log in. Vanaf dan kun je zeggen "bouw dit project en zet
dist/ als nieuwe site op Ginta": Claude uploadt de hele build als één zip via een uploadlink die kort geldig is. Ginta
serveert pagina's, scripts, afbeeldingen, lettertypes, pdf's en video's binnen de grenzen van je abonnement, met
_redirects, nette URL's en je eigen 404.html. Details:
handleiding voor Claude Code en bestanden en routering.
Wat het kost
Publiceren vanuit je eigen assistent kost geen Ginta-credits: je assistent doet het AI-werk. Het gratis abonnement omvat 20 websites op hun Ginta-adres (geen eigen domeinnaam), met een klein label "Gemaakt met Ginta" in de hoek. De Hosting-abonnementen zijn bedoeld voor wie bouwt met Claude of ChatGPT: Hosting (€ 5 per maand, of € 50 per jaar) heeft 50 websites, 1 domeinnaam en geen label "Gemaakt met Ginta"; Hosting Plus (€ 15) en Hosting Studio (€ 49) bieden meer. Alle abonnementen: prijzen.
Andere manieren om vanuit Claude te publiceren
Ginta is niet de enige optie, en niet voor alles de juiste. Zoals gecontroleerd op 12 oktober 2026 op de eigen pagina's van elk bedrijf:
- Wix heeft een MCP-server (ook als ingebouwde connector in Claude) die Wix-sites kan maken, bijwerken en publiceren, en een Wix-app in ChatGPT. Handig als je daarna de drag-and-drop-editor van Wix wilt gebruiken. Voor een eigen domeinnaam heb je een betaald Wix-abonnement nodig.
- Lovable heeft op alle abonnementen een MCP-server die apps kan maken en publiceren op
lovable.app. Goed voor echte webapps met inloggen en een database. Een eigen domeinnaam zit op betaalde abonnementen, en aanroepen van tools kosten Lovable-credits. - Netlify en Vercel hebben MCP-servers die code van je assistent online zetten. Dat is hosting voor ontwikkelaars, geen websitebouwer: geen inbox voor formulieren, geen afspraken of menukaarten tenzij je die zelf bouwt. Het gratis Hobby-abonnement van Vercel is alleen voor niet-commercieel gebruik.
Meer details, met bronnen: websitebouwers met een MCP-server vergeleken.
Veelgestelde vragen
Kan Claude een website maken zonder connector?
Claude kan de HTML, CSS en JavaScript voor een website schrijven en hem in de chat laten zien. Om hem online te zetten op een adres dat klanten kunnen bezoeken, is hosting nodig: een connector zoals die van Ginta regelt dat in hetzelfde gesprek.
Werkt het ook met ChatGPT?
Ja. Op ChatGPT Plus, Pro, Business, Enterprise en Edu voeg je Ginta toe met de ontwikkelaarsmodus op het web (Plugins → + → Add custom MCP server), en ChatGPT kan websites bouwen en aanpassen (gecontroleerd op 19 oktober 2026; we publiceerden er op 18 oktober een vanuit Plus). Op Free gebruik je de Ginta-plug-in uit de plug-ingids van ChatGPT, zodra die is goedgekeurd. ChatGPT vraagt je te bevestigen voordat Ginta een aanpassing publiceert. De stappen: Ginta gebruiken in ChatGPT.
Is het veilig om Claude mijn website te laten aanpassen?
Claude ziet alleen de websites in het Ginta-account waarmee je inlogde, en pas nadat je op Allow hebt geklikt. Elke aanpassing maakt een nieuwe versie die je ongedaan kunt maken, en je kunt de koppeling op elk moment verbreken door de connector te verwijderen.
Moet ik weten wat MCP is om het te gebruiken?
Nee. Je voegt Ginta één keer toe vanuit de connectorgids van Claude (of plakt één adres als eigen connector), logt in en vraagt daarna in gewone woorden wat je wilt.
Geschreven met hulp van AI voor Ginta, dat door Povilas wordt gerund; hij geeft ook een cursus websites bouwen. De screenshots komen uit de echte Ginta op de datum hierboven en de prijzen van onze prijspagina.