Hoe publiceer je je AI-gegenereerde website? Van prompt naar live in een kwartier
De stap die iedereen overslaat: hoe krijg je de code uit Claude nu daadwerkelijk online?
Boyd Belshof
Medeoprichter
Laat ik eerlijk zijn. Het bouwen van een website met AI is inmiddels belachelijk makkelijk geworden. Je beschrijft wat je wilt aan Claude, en twee minuten later heb je een complete, responsive, SEO-geoptimaliseerde site staan. Mooie hero, werkend contactformulier, FAQ-accordion, alles erop en eraan.
Maar dan komt de vraag die ik iedereen zie stellen: hoe krijg je zo'n site nu daadwerkelijk online?
En precies daar lopen de meeste mensen vast. Want ineens is het gesprek niet meer over je bedrijf of je klanten, maar over FTP-servers, DNS-records, SSL-certificaten en hostingpanels. Een wereld op zich voor de meeste ondernemers. En dat terwijl het bouwen van de site letterlijk een kwartier kostte.
Waarom publiceren lastiger is dan bouwen
Traditionele hosting is gebouwd voor developers. Je krijgt een cPanel of Plesk-omgeving, logt in met FTP-credentials, uploadt bestanden via een apart programma, en hoopt dat je index.html in de juiste map staat. Vergeet je een bestand? Je site is kapot. Gebruik je een hoofdletter verkeerd? Je afbeeldingen laden niet.
Voor developers is dat prima. Voor de ondernemer die gewoon een professionele website wil voor zijn nieuwe bedrijf is het een drempel van jewelste. Bij Webnexus zien Peter en ik dat probleem al jaren. Ondernemers die een goede AI-site hebben gebouwd, maar hem niet live krijgen. Of erger nog. die hem "voor nu even" op een gratis platform zetten dat hem na drie maanden offline haalt.
De oplossing: drag en drop, en klaar}
Daarom hebben we Webnexus Sites gebouwd. Het idee is simpel. Je sleept je HTML-bestand naar het dashboard, en je site staat direct live. Geen FTP. Geen terminal. Geen technische kennis nodig. Gewoon slepen en loslaten.
Onder de motorkap doen we het volgende voor je:
- Hosting: je bestanden staan op een snelle Nederlandse server, klaar om opgevraagd te worden door bezoekers
- HTTPS: automatisch een SSL-certificaat via Let's Encrypt, zodat je site veilig is (het groene slotje)
- Gratis subdomein: je site is direct bereikbaar op jouwnaam.websites.webnexus.nl/
- CDN-achtige snelheid: caching, compressie, lazy loading. allemaal out of the box
- Bestandsbeheer: een dashboard waar je live kunt zien welke bestanden je hebt en ze kunt bewerken
Het proces: van nul naar live in vier stappen
Zo werkt het concreet:
Stap 1: genereer je site met Claude
Ga naar claude.ai en start een gesprek. Je kunt zelf een prompt schrijven, of onze AI Development Skill gebruiken. Dat is een mega-prompt die Claude stap voor stap door een intake leidt en daarna een complete, professionele website genereert op basis van je antwoorden.
Vraag expliciet om alles in één HTML-bestand met inline CSS en JavaScript. Dan krijg je geen losse bestanden die je apart moet uploaden. Gewoon één index.html en klaar.
Stap 2: sla de code op als HTML-bestand
Klik op het kopieer-icoon rechtsboven in het codeblok. Open een teksteditor (Kladblok, TextEdit, of VS Code), plak de code, en sla op als index.html. Let op dat de extensie écht .html is en niet .txt. Zeker op Windows gaat dat nog wel eens mis.
Heb je eigen foto's? Maak een mapje images en zet je bestanden erin. De bestandsnamen moeten exact overeenkomen met wat Claude in de code heeft gezet. Hoofdlettergevoelig.
Stap 3: upload naar Webnexus Sites
Maak een gratis account op websites.webnexus.nl. In je dashboard kun je twee dingen doen:
- Drag en drop: sleep je index.html direct naar het upload-venster. Upload daarna je afbeeldingen apart
- ZIP uploaden: selecteer je hele mapje met index.html plus images. Maak er een ZIP van. Upload die ZIP in één keer. Webnexus pakt hem automatisch uit
Optie twee is verreweg het makkelijkst. Je hebt meteen alles in één keer live.
Stap 4: live
Zodra je klaar bent met uploaden, is je site bereikbaar op jouwnaam.websites.webnexus.nl. Met HTTPS, razendsnel, gratis. Open het op je telefoon om te checken of mobiel goed staat. Stuur de link naar een vriend. Test het contactformulier.
En dan: eigen domein
Het gratis subdomein is prima om mee te starten. Professioneel wordt het pas met een eigen domeinnaam. Denk aan jouwbedrijf.nl in plaats van jouwbedrijf.websites.webnexus.nl. Dat kost 5,99 per maand bij ons, inclusief automatisch SSL-certificaat.
Je koopt een domein bij een registrar (TransIP, Versio, Namecheap) voor zo'n 10 tot 15 euro per jaar. Dan voeg je twee DNS-records toe: een A-record dat naar ons IP wijst, en een CNAME voor www. Binnen 30 minuten is het actief. Klaar.
Waarom dit werkt voor AI-sites
AI-tools als Claude genereren statische HTML. Dat is precies waar hosting als Webnexus Sites voor gemaakt is. Geen database nodig, geen backend, geen server-side processing. Gewoon bestanden die razendsnel geleverd worden aan bezoekers.
Dat is ook de reden dat je site sneller laadt dan bijna elke WordPress-site. Een gemiddelde WordPress-pagina doet er 3 tot 5 seconden over om te laden. Een statische HTML-site die wij hosten? Onder de seconde. Dat is een enorm SEO-voordeel en merkbaar voor je bezoekers.
Wat dit NIET is
Laat me ook eerlijk zijn over wat dit niet vervangt. Ga je een webshop bouwen met 500 producten? Dan heb je Shopify of WooCommerce nodig. Wil je gebruikersaccounts, logins, een booking-systeem? Dan heb je een developer nodig.
Maar voor een bedrijfspresentatie, portfolio, landingspagina, evenementensite, of one-pager? Dit is precies wat je nodig hebt. Niet meer, niet minder.
Probeer het zelf
Alles bij elkaar: 15 minuten werk van nul naar live website, gratis starten zonder creditcard.
- Download onze AI Development Skill als .txt bestand
- Plak het in een nieuw Claude-gesprek en beantwoord de vragen
- Sla de gegenereerde code op als index.html
- Maak een Webnexus Sites-account aan en upload je bestand
Dat is het. Geen webbureau nodig voor 3000 euro, geen weken wachten, geen technische kennis. Gewoon een goed gesprek met AI en een platform dat de rest regelt.
Loop je vast? Stuur me een mail op boyd@webnexus.nl. Ik help je graag op weg.
Boyd Belshof
EcoteersMedeoprichter
Boyd heeft na zijn Bachelor of Science Information Science aan de Rijksuniversiteit Groningen en MsC Security and Network Engineering aan de Universiteit van Amsterdam Ecoteers opgericht, samen met Peter Dragstra. Later hebben zij Webnexus overgenomen. Boyd volgt de laatste ontwikkelingen in AI op de voet en kijkt continu waar deze nuttig in te zetten zijn in de wereld van online marketing.