How to Start Vibe Hosting?
Een complete Vibe Coding-tutorial vanaf nul

Je hebt waarschijnlijk al van vibe-codering gehoord — het praktijken waarbij je aan een AI beschrijft wat je wilt en deze de code voor je schrijft. Maar hier is het ding waar niemand over praat: wat gebeurt er nadat de code is geschreven?

Most vibe coders hit a wall. They've got a beautiful app sitting on their laptop, and then they Google "how to deploy a website" and fall into a rabbit hole of Docker, Kubernetes, CI/CD pipelines, and YAML files that make them question their life choices.

Daar komt vibe-hosting om de hoek.

In deze tutorial doorlopen we de complete workflow van nul naar een live website met Claude Code voor vibe-codering en NameOcean voor vibe-hosting.

Wat je nodig hebt

Dat is het. Geen Docker. Geen AWS-console. Geen Terraform. Geen tranen.

Download de NameOcean Vibe Hosting desktopapp voor je platform en log in met je NameOcean-account. De app verbindt je servers met Claude Code via MCP, zodat je alles via natuurlijke taal kunt beheren.

Log in op je NameOcean-dashboard en maak een nieuwe server aan. Kies het plan dat aan je behoeften voldoet:

Voor een landingspagina of een kleine web app is het Starter plan meer dan voldoende.

Als je een domein hebt geregistreerd op NameOcean (of ernaar toe hebt overgedragen), het verbinden met je server is één actie. Via Claude Code's MCP-integratie is het letterlijk één zin:

"Bind mywebsite.com to my Starter server"

Achter de schermen doet NameOcean:

1. Werkt DNS-records bij om naar je server te wijzen
2. Stelt automatisch een SSL-certificaat in via Let's Encrypt
3. Configureert de load balancer om HTTPS-verkeer naar je server te routeren

Binnen enkele minuten is je domein live en beveiligd met HTTPS. Geen Certbot-commando's, geen Nginx SSL-configuratie, geen DNS-propagatie gissingsspelletjes.

Nu voor het leuke gedeelte. Open je projectmap en start Claude Code:

mkdir my-awesome-site && cd my-awesome-site
git init
claude

Beschrijf dan gewoon wat je wilt:

"Create a modern landing page for my WordGrid word puzzle game.
It should have a hero section with App Store and Google Play buttons,
a features section, screenshots, how-to-play steps, and a CTA section.
Use the game's color palette — orange, teal, purple on a dark background."

Claude Code zal een complete, responsieve, productie-klare website creëren. Je schrijft geen enkele regel code. Je beschrijft de vibe, en de AI levert.

De Kunst van Vibe Coding

De sleutel tot geweldig vibe coding is specifiek zijn over wat je wilt maar flexibel over hoe het wordt geïmplementeerd:

Think of it like talking to a skilled designer. You say "I want a modern, dark-themed landing page that feels playful and energetic" -- you don't say "use flexbox with a 24px gap and a linear gradient from #0f1628 to #161d35."

Dit is waar vibe hosting schittert. Elke NameOcean server wordt geleverd met een ingebouwde git remote. Voeg het eenmaal toe:

# Add the remote (first time only)
git remote add nameocean ssh://root@yourserver.nameocean.org:PORT/root/app

# Deploy
git add .
git commit -m "Initial launch"
git push nameocean main

Klaar. Je code belandt in /root/app/ op de server. Nginx is al geconfigureerd om statische bestanden uit die map te serveren. Je site is live.

Geen build stap. Geen Docker-image. Geen deployment pipeline. Geen wachten. Alleen git push en vernieuw je browser.

De echte kracht van vibe coding + vibe hosting is de iteratiesnelheid. Wil je de hero-sectie wijzigen?

"Make the hero headline bigger and add a floating animation to the phone mockup"

Deploy dan opnieuw:

git add . && git commit -m "Bigger hero headline + animation" && git push nameocean main

Je wijzigingen zijn live in seconden. Deze feedbackloop — beschrijf → genereer → deploy → zie het live — is wat vibe hosting transformatief maakt. Je codeert niet alleen sneller; je shipped sneller.

Beyond Static Sites

Vibe hosting op NameOcean is niet beperkt tot statische HTML. Het platform ondersteunt full-stack applicaties direct.

Node.js / Express / Next.js

Vertel Claude Code om je Express API of Next.js app te creëren. Configureer het om te luisteren op poort 8000, stel Supervisor in om het aan de gang te houden en uncomment de reverse proxy in de Nginx-config. Klaar.

Python / Flask / FastAPI

Dezelfde workflow. Je Python app luistert op poort 8000, Supervisor beheert het proces, Nginx proxyt de verzoeken. NameOcean wordt geleverd met Python 3.14 en pyenv voorgeïnstalleerd.

Go / Rust / Alles

Compileer je binary, voer deze uit op poort 8000, en Nginx regelt de rest. Of gebruik Docker als dat jouw stijl is -- het is ook al voorgeïnstalleerd.

De MCP-integratie: Vibe Hosting op autopilot

Hier is wat het NameOcean + Claude Code combo speciaal maakt: MCP (Model Context Protocol) integratie.

Wanneer je NameOcean als een MCP-server verbindt in Claude Code, kan de AI direct:

• Servers maken en beheren — zet infrastructuur op met één zin
• Domeinen koppelen — met automatische SSL en DNS-configuratie
• Poorten openen/sluiten — voor databases, API's en services
• Code deployen — via git push, geactiveerd vanuit het gesprek
• Serverstatus controleren — controleer je infrastructuur in natuurlijke taal

Dit betekent dat je letterlijk kunt zeggen:

"Create a new Starter server, bind mydomain.com to it, build
a portfolio website with my projects, and deploy it"

En Claude Code regelt alles — van serverprovisioning tot het schrijven van code tot het deployen ervan. De volledige levenscyclus, beheerd via natuurlijke taal. De infrastructuur wordt onzichtbaar.

Real-world voorbeeld: WordGrid landingspagina

Laat ons je door een echt voorbeeld lopen. We hebben de landingspagina voor WordGrid, een Turks woordpuzzelspel, helemaal van nul af aan gebouwd.

Totale tijd: minder dan 10 minuten.

Het resultaat: een volledig responsive, donker thema landingspagina met een geanimeerde heloseectie, App Store- en Google Play-downloadknoppen, functienetwerk, schermafbeeldingengalerij, how-to-play-gids, oproep tot actie-sectie en mobiel-geoptimaliseerde indeling. Allemaal gegenereerd door AI, gedeployed met één push.

Tips voor effectieve Vibe Hosting