Jij beschrijft op je telefoon het gewenste resultaat.
WERK JE WEBSITE BIJ VANAF JE TELEFOON
Van je telefoon naar een live website.
Met AI als technische operator.
Zet je website in GitHub, verbind de repository met Vercel of Cloudflare Pages en geef een code-agent gecontroleerde toegang. Daarna kun je op je telefoon een wijziging beschrijven, de preview controleren en de nieuwe versie publiceren zonder dagelijks zelf code te schrijven.
De korte versie: AI wijzigt de broncode in GitHub. GitHub bewaart de versiegeschiedenis. Vercel of Cloudflare bouwt en publiceert de site automatisch. Je domein wijst met DNS naar de host. Zoho Mail kan je zakelijke e-mail op hetzelfde domein verzorgen.
WUXO redactie · productvoorwaarden gecontroleerd 28 september 2026 · controleer actuele prijzen en limieten vóór gebruik.
DE PUBLICATIELIJN
Eén bron, één controlepunt, automatisch live
Zie GitHub als de kluis met de actuele websitecode. De AI-agent werkt in die kluis en maakt bij voorkeur een aparte wijziging aan. Je host bouwt daarvan eerst een preview. Na controle wordt de wijziging samengevoegd met de productiebranch, meestal main, waarna de live site automatisch wordt bijgewerkt.
De agent wijzigt bestanden, test en maakt een commit of pull request.
Vercel of Cloudflare bouwt een tijdelijke controle-URL.
Na goedkeuring publiceert een merge naar main op je domein.
Belangrijk: een gewone ChatGPT- of Claude-chat kan niet vanzelf je website aanpassen. Gebruik een code-agent met expliciete repositorytoegang, zoals Codex cloud of Claude Code/GitHub Actions. Geef alleen toegang tot de repository die nodig is en laat risicovolle wijzigingen via een pull request lopen.
EENMALIGE SETUP
Zo verbind je de onderdelen
Maak de GitHub-repository
Zet de website in een private of openbare repository. GitHub Free ondersteunt onbeperkte publieke en private repositories. Voeg een duidelijke README toe met het buildcommando, de productiedoelbranch en de pagina's die niet mogen breken. Bewaar nooit wachtwoorden of API-sleutels in de code.
Kies Vercel of Cloudflare Pages
Vercel: maak een project, kies de GitHub-repository en controleer framework, buildcommando en outputmap. Vercel maakt standaard voor iedere push een deployment en geeft branches en pull requests een preview. Cloudflare Pages: kies Workers & Pages, verbind GitHub, selecteer de repository en stel buildcommando en outputmap in. Cloudflare bouwt na iedere push.
Koppel de productiebranch en je domein
Zet main als productiebranch. Voeg daarna in het hostingdashboard je eigen domein toe en neem exact de getoonde DNS-records over bij je domeinprovider. Dit is meestal DNS-koppeling, geen simpele web-forward. Voor een hoofddomein op Cloudflare Pages moeten de nameservers naar Cloudflare wijzen; een subdomein kan via een CNAME-record.
Koppel ChatGPT Codex of Claude
Codex: open Codex met je ChatGPT-account, verbind GitHub, kies alleen de benodigde repository en maak een omgeving met de juiste setup- en testcommando's. Claude: verbind Claude Code via de officiële GitHub Action; de snelle setup installeert de GitHub App, bewaart authenticatie als repository secret en maakt de workflow via een pull request. Voor beide geldt: geef de agent instructies in de repository en laat hem wijzigingen testen.
Activeer veilige goedkeuring
Laat AI standaard een branch en pull request maken. Controleer de preview-URL op telefoon én desktop. Vereis een geslaagde build/test voordat naar main wordt gemerged. Zet productiegeheimen in de environment-variable kluis van de host, niet in GitHub-bestanden of prompts.
Stel zakelijke e-mail in
Voeg je domein toe aan Zoho Mail, verifieer eigendom en plaats de opgegeven MX-, SPF- en DKIM-records in DNS. Maak daarna adressen zoals hallo@jouwdomein.nl. De gratis custom-domainoptie van Zoho is volgens Zoho beperkt tot geselecteerde datacenters/regio's, één domein, maximaal vijf gebruikers en 5 GB per gebruiker; IMAP, POP en ActiveSync zijn niet inbegrepen.
€0, MAAR NIET ALTIJD GRATIS
Kies de gratis route zonder verkooptrucs
| Onderdeel | €0 mogelijk? | Voorwaarde |
|---|---|---|
| GitHub | Ja | GitHub Free kost $0 en bevat publieke en private repositories. Actions-minuten en andere resources hebben limieten. |
| Cloudflare Pages | Ja | Free heeft onder meer 500 builds per maand, één gelijktijdige build, maximaal 20.000 bestanden en limieten voor Functions/Workers. |
| Vercel | Alleen niet-commercieel op Hobby | Vercel Hobby is gratis maar volgens de fair-usevoorwaarden uitsluitend voor persoonlijk, niet-commercieel gebruik. Gebruik voor een commercieel bedrijf een passend betaald plan. |
| Zoho Mail | Soms | De gratis custom-domainoptie is alleen beschikbaar in geselecteerde datacenters/regio's en heeft functiebeperkingen. |
| Domeinnaam | Meestal niet | Registratie en verlenging kosten doorgaans geld, ook als hosting gratis is. |
| AI-agent | Niet gegarandeerd | ChatGPT/Codex, Claude-abonnementen, API-verbruik en GitHub Actions kunnen eigen prijzen en limieten hebben. |
Praktische keuze: voor een eenvoudige commerciële statische site is Cloudflare Pages Free vaak de duidelijkste €0-hostingroute zolang je binnen de actuele voorwaarden en limieten blijft. Kies Vercel wanneer de functies en ontwikkelervaring passen en neem voor zakelijk gebruik een toegestaan plan. De domeinnaam en eventueel AI-gebruik blijven aparte kosten.
DAGELIJKSE BEDIENING
Je telefoon wordt de afstandsbediening
Na de eenmalige setup kun je de normale content- en ontwerpcyclus mobiel uitvoeren. De AI-agent doet het technische werk; jij blijft eigenaar van accounts en beslist over productie.
- Geef één concrete opdracht. Benoem pagina, gewenste uitkomst, wat gelijk moet blijven en de acceptatiecriteria.
- Laat de agent eerst lezen. Hij controleert repository-instructies, huidige code en tests voordat hij wijzigt.
- Vraag om bewijs. Laat build, tests, gewijzigde bestanden en bekende beperkingen rapporteren.
- Open de previewlink. Controleer tekst, knoppen, formulieren en mobiele lay-out. Een groene build is geen visuele controle.
- Keur de pull request goed. Na de merge publiceert de Git-koppeling automatisch naar het live domein.
- Controleer productie. Open de echte URL en test de belangrijkste actie nogmaals. Bij een fout revert je de commit of zet je een eerdere deployment terug.
Wat nog menselijk blijft: accountregistratie, identiteits- of betaalverificatie, juridische toestemming, domeinbezit, facturatie, het accepteren van nieuwe kosten en uitzonderingen met klant-, privacy- of reputatierisico. De eerste setup en complexe storingen zijn op een laptop vaak sneller. “Vanaf je telefoon” betekent dus mobiel aansturen en goedkeuren, niet dat alle techniek of verantwoordelijkheid verdwijnt.
VEILIG PUBLICEREN
Zes regels die ellende voorkomen
- Beperk GitHub App-toegang tot geselecteerde repositories en verwijder ongebruikte koppelingen.
- Werk via branches en pull requests; geef een agent niet standaard ongecontroleerde productierechten.
- Bewaar secrets uitsluitend als GitHub Actions- of hostingsecrets en plak ze nooit in een chat.
- Laat de build, tests en linkcontrole draaien vóór samenvoegen; voeg voor omzetkritieke flows een handmatige goedkeuring toe.
- Controleer previews op onbedoelde publicatie van klantdata, betaalde bestanden, interne notities en analytics-ID's.
- Houd wijzigingen klein. Een kleine commit is makkelijker te begrijpen, te testen en terug te draaien.
COPY/PASTE
Prompt voor je AI website-operator
Vervang de tekst tussen blokhaken. Geef de prompt aan Codex, Claude Code of een andere agent die daadwerkelijk toegang heeft tot de juiste repository.
Je bent de website-operator voor [BEDRIJFSNAAM].
Repository: [GITHUB EIGENAAR/REPOSITORY]
Productiebranch: main
Hosting: [VERCEL OF CLOUDFLARE PAGES]
Live domein: [HTTPS://JOUWDOMEIN.NL]
Buildcommando: [BIJV. NPM RUN BUILD]
Testcommando: [BIJV. NPM TEST]
Opdracht voor deze run:
[BESCHRIJF ÉÉN CONCRETE WIJZIGING EN HET GEWENSTE RESULTAAT]
Werkwijze:
1. Lees eerst README, AGENTS.md/CLAUDE.md en relevante bronbestanden.
2. Controleer de actuele productiecode; verzin geen bestaande functies of resultaten.
3. Maak de kleinste samenhangende wijziging die de opdracht oplost.
4. Verander geen betalingen, authenticatie, analytics, juridische tekst, domein/DNS,
secrets, prijzen of productiegegevens zonder mijn uitdrukkelijke goedkeuring.
5. Plaats nooit secrets of persoonsgegevens in code, logs, commits of je antwoord.
6. Draai de build, tests en relevante link- of contentcontroles.
7. Maak een aparte branch en pull request. Push niet rechtstreeks naar main.
8. Geef mij de preview-URL als de hostingprovider die heeft aangemaakt.
9. Meld exact: gewijzigde bestanden, checks, aannames, risico's en rollbackmethode.
10. Stop en vraag goedkeuring bij een mislukte test, onverwachte betaalde dienst,
ontbrekende toegang, destructieve migratie of privacy-/securityrisico.
Acceptatiecriteria:
- [CRITERIUM 1]
- [CRITERIUM 2]
- mobiel en desktop gecontroleerd
- bestaande belangrijke links en conversieacties werken nog
Lever op met:
- korte samenvatting
- pull-requestlink
- previewlink
- testresultaten
- uitzonderingen die mijn aandacht vragen
- EXACTE VOLGENDE ACTIE
Veelgestelde vragen
Kan AI rechtstreeks mijn live website veranderen?
Technisch kan een agent met voldoende rechten direct naar de productiebranch schrijven, maar dat is zelden de veilige standaard. Laat AI een pull request en preview maken, controleer die en merge pas daarna. De host publiceert vervolgens automatisch.
Heb ik zowel Vercel als Cloudflare nodig?
Nee. Kies één hostingroute. Je kunt Cloudflare wel alleen voor DNS gebruiken en elders hosten, maar houd de eerste setup eenvoudig.
Kan ik echt alles vanaf mijn telefoon doen?
Routinewijzigingen, previews en goedkeuringen vaak wel. Accountsetup, DNS-fouten, conflictresolutie en grotere technische problemen zijn meestal prettiger op een laptop. Bewaar herstelcodes buiten je telefoon en gebruik tweefactorauthenticatie.
Is mijn zakelijke website dan volledig gratis?
Niet noodzakelijk. GitHub en Cloudflare Pages kunnen binnen hun gratis limieten €0 zijn. Een domein, AI-plan/API, e-mailfuncties en commerciële Vercel-hosting kunnen betaald zijn. “Geen hostingrekening” is mogelijk, niet gegarandeerd.
Officiële bronnen en afbakening
- OpenAI: Codex cloud instellen en GitHub verbinden
- Anthropic: Claude Code GitHub Actions
- GitHub: plannen en Free
- Vercel: GitHub-projecten automatisch deployen en Hobbyvoorwaarden
- Cloudflare Pages: GitHub-koppeling, custom domains en Free-limieten
- Zoho Mail: custom-domain e-mail en actuele plannen
Deze gids beschrijft een technische werkwijze, geen garantie op uptime, veiligheid, prijs of bedrijfsresultaat. Productvoorwaarden en limieten kunnen wijzigen. De genoemde platformen zijn onafhankelijke diensten; WUXO is niet aan hen verbonden.
English summary: Store your website in GitHub, connect it to Vercel or Cloudflare Pages, and let a repository-enabled coding agent prepare tested changes through pull requests. Review a preview, merge, and the host deploys automatically. Free tiers have limits: Vercel Hobby is restricted to personal non-commercial use, Cloudflare Pages has a Free plan with quotas, and Zoho's free custom-domain mail is available only in selected data centers.