Je site bewerken met Claude of ChatGPT

Je site is gemaakt met AI en staat op Cubli. Wil je er iets aan veranderen, zoals een tekst, een kleur of een nieuwe pagina, dan laat je dat ook door AI doen. Welke tool je daarvoor kiest, hangt af van wat je wilt.

Welke tool kan wat

Claude en ChatGPT in de chat (claude.ai, de ChatGPT-app) kunnen je hosting regelen, maar niet de code van je site aanpassen. Ze hebben geen map met bestanden om in te werken. Wil je de site zelf veranderen, gebruik dan een van de manieren hieronder.

Manier 1: met Claude Code, Codex of Cursor (aangeraden)

Deze tools werken in een map op je computer. Met de Cubli-koppeling halen ze de code van je site op, passen die aan en zetten hem weer online.

Eén keer instellen

1. Installeer Node.js 20 of nieuwer, als je dat nog niet hebt.
2. Koppel Cubli aan je AI-tool. Kies je tool:

claude mcp add cubli -- npx -y @cubli/cli mcp

[mcp_servers.cubli]
command = "npx"
args = ["-y", "@cubli/cli", "mcp"]

{
  "mcpServers": {
    "cubli": {
      "command": "npx",
      "args": ["-y", "@cubli/cli", "mcp"]
    }
  }
}

{
  "servers": {
    "cubli": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@cubli/cli", "mcp"]
    }
  }
}

Bij de eerste vraag opent je browser: log in bij Cubli, kies je werkruimte en klik Toegang geven.

Je site aanpassen

1. Maak een lege map, bijvoorbeeld mijn-site, en open je AI-tool daarin.
2. Vraag: “Haal de code van mijn site Bakkerij Jansen op uit Cubli.” De tool zet de code die nu live staat in die map.
3. Zeg wat je wilt veranderen, in gewone taal: “Maak de openingstijden op de homepage: ma–vr 7–18 uur, za 8–16 uur”, of “Voeg een pagina Contact toe met een kaartje”.
4. Bekijk het resultaat. De meeste tools kunnen de site ook op je eigen computer laten zien.
5. Vraag: “Zet hem online.” Wil je eerst kijken voordat bezoekers het zien? Vraag dan: “Zet hem eerst op staging”. Is het goed, dan zeg je “Zet staging live”.

Klopt er iets niet na het online zetten? Vraag: “Ga terug naar de vorige versie.” Binnen een minuut staat de oude versie weer live.

Bewaar de map. De volgende keer begin je daar, en hoef je de code niet opnieuw op te halen.

Manier 2: via GitHub

Staat je site op GitHub, of wil je hem daar zetten, dan kan elke AI-tool die met GitHub werkt hem bewerken. Denk aan Claude Code op het web of Codex in ChatGPT. Ook een developer kan dat. Cubli zet elke wijziging op je hoofdbranch vanzelf online. Hoe je dat koppelt, staat in Deployen vanuit GitHub.

Manier 3: in de chat met Claude of ChatGPT

Handig voor alles rond je site, zonder installatie:

• “Hoe gaat het met mijn site?”
• “Er staat een foutmelding op de site, wat gaat er mis?”
• “Koppel bakkerijjansen.nl aan mijn site.”
• “Zet de vorige versie terug.”

Zo koppel je het: Claude of ChatGPT koppelen.

Veilig werken

• Je AI-tool werkt alleen in de werkruimte die je hebt gekozen, en kan geen geheime variabelen lezen.
• Kosten maakt hij nooit zonder jouw akkoord: eerst noemt hij de prijs. Domeinen en mailboxen betaal je altijd zelf, via een betaallink of factuur.
• Bij elke versie bewaart Cubli de vorige, dus terug kan altijd. Wat een AI-tool precies mag, staat in Wat een AI-tool mag.