Een website maken met Claude, stap voor stap
Kort antwoord: beschrijf in een eerste opdracht voor wie de website is, welke pagina's erop moeten en welke sfeer je wilt. Laat Claude hem bouwen en publiceren via de CloudVikings-koppeling (MCP): hij staat dan binnen een minuut online als gratis Proef. Verbeter hem in een paar rondes, en zet hem daarna op je eigen domeinnaam; dat keur je goed met je passkey.
Wat je nodig hebt
- Een Claude-account (claude.ai of de desktop-app).
- Een gratis account bij CloudVikings, met een passkey of authenticator-app.
- De koppeling: in Claude onder Customize → Connectors → Add custom connector, met het adres
https://mijn.cloudvikings.nl/mcp. Zie koppelen. - Je teksten, logo en foto's, als je die hebt. Heb je ze niet, dan maakt Claude voorlopige teksten.
Stap 1: een goede eerste opdracht
Hoe concreter je bent, hoe beter het eerste resultaat. Noem in elk geval:
- Wie je bent en voor wie: "fysiotherapiepraktijk in Veghel, voor sporters en ouderen".
- Welke pagina's: home, behandelingen, team, tarieven, contact.
- Wat bezoekers moeten doen: bellen, een afspraak maken, een offerte vragen.
- De sfeer: rustig en professioneel, of juist speels; je huisstijlkleuren.
Een voorbeeld:
Maak een website voor mijn fysiotherapiepraktijk in Veghel, voor sporters en ouderen. Pagina's: home, behandelingen, ons team, tarieven en contact. Bezoekers moeten makkelijk een afspraak maken via mijn planner (link volgt). Rustige uitstraling in donkerblauw en wit, mobielvriendelijk, en in gewone taal. Publiceer hem bij CloudVikings.
Na het koppelen kun je ook de kant-en-klare opdracht Website bouwen en publiceren kiezen (in Claude onder de +-knop). Die vraagt zelf naar wat nodig is.
Stap 2: Claude bouwt en publiceert
Claude schrijft de pagina's in HTML, CSS en zo nodig wat JavaScript, en zet ze via de koppeling online als gratis Proef op een eigen adres, zoiets als fysio-veghel-3pm.cloudvikings.page. Open het adres op je telefoon en je computer. Een Proef is 14 dagen gratis en wordt niet gevonden door zoekmachines.
Stap 3: verbeteren in rondes
Geef feedback zoals je dat aan een ontwerper zou doen. Claude zet elke nieuwe versie op hetzelfde testadres; ververs de pagina om hem te zien.
De kleuren mogen rustiger, de openingstijden moeten op de homepage, en maak de knop "Afspraak maken" groter en groen.
Hier zijn onze echte teksten voor de behandelingen. Vervang de voorbeeldteksten en houd ze kort.
Controleer de website op toegankelijkheid en snelheid op mobiel, en los op wat beter kan.
Tip: vraag Claude ook om een goede paginatitel en beschrijving per pagina. Die zie je terug in Google.
Stap 4: op je eigen domeinnaam
Tevreden? Vraag Claude de website op je domeinnaam te zetten. Hij stelt dan voor om er een Site van te maken (€ 6,04 per maand inclusief btw), je domein te koppelen en de versie live te zetten. Heb je nog geen domeinnaam, dan kan hij er een voorstellen. Je krijgt één link en keurt alles in één keer goed met je passkey.
Ik ben tevreden. Zet de website op fysioveghel.nl.
Staat je domeinnaam bij een andere aanbieder, dan toon je met een TXT-record aan dat hij van jou is en laat je hem naar CloudVikings wijzen. Claude legt uit welke records nodig zijn. Of verhuis je domeinnaam; zie domeinnaam verhuizen.
Daarna: bijwerken zonder risico
Wil je later iets veranderen, vraag het dan gewoon. Claude zet de nieuwe versie eerst op de testomgeving; je bezoekers zien pas iets als jij die versie live zet. Gaat er iets mis, dan zet je met één klik de vorige versie terug.
Wanneer een App in plaats van een Site?
Een Site is voor websites zonder eigen server: bedrijfssites, landingspagina's, portfolio's. Heb je inloggen, een database of verwerking op de server nodig, zoals een reserveringssysteem, kies dan een App. Kies in Claude de opdracht Webapplicatie bouwen en draaien.
Veelgestelde vragen
Werkt dit ook met ChatGPT of Cursor?
Ja, met elke assistent die het Model Context Protocol (MCP) ondersteunt. De stappen zijn vergelijkbaar; alleen het koppelen gaat per tool anders. Zie koppelen.
Kan Claude mijn website ook zonder koppeling maken?
Ja, Claude kan de bestanden ook gewoon in de chat maken. Dan moet je ze zelf downloaden en ergens uploaden. Met de koppeling publiceert hij ze direct.
Kan ik de website later zelf aanpassen of meenemen?
Ja. Het zijn gewone HTML-, CSS- en JavaScript-bestanden, zonder eigen bouwsysteem of slot.