How to Start Vibe Hosting?
En komplet Vibe Coding Tutorial fra bunden

Du har sikkert hørt om vibe-kodning — praksis med at beskrive hvad du vil have til en AI og lade den skrive koden for dig. Men her er det, som ingen taler om: hvad sker der efter koden er skrevet?

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.

Det er her vibe-hosting kommer ind.

I denne tutorial gennemgår vi hele arbejdsgangen fra nul til et live-websted ved hjælp af Claude Code til vibe-kodning og NameOcean til vibe-hosting.

Det skal du bruge

Det er det hele. Ingen Docker. Ingen AWS-konsol. Ingen Terraform. Ingen tårer.

Download NameOcean Vibe Hosting desktop-appen til din platform og log ind med din NameOcean-konto. Appen forbinder dine servere til Claude Code via MCP, så du kan administrere alt gennem naturligt sprog.

Log ind på dit NameOcean-dashboard og opret en ny server. Vælg den plan, der passer til dine behov:

Til en landingpage eller en lille webapp er Starter-planen mere end tilstrækkelig.

Hvis du har et domæne registreret på NameOcean (eller overført til det), er det blot en handling at binde det til din server. Via Claude Code's MCP-integration er det bogstaveligt talt én sætning:

"Bind mywebsite.com to my Starter server"

Bag kulisserne udfører NameOcean:

1. Opdaterer DNS-poster til at pege på din server
2. Klargør automatisk et SSL-certifikat via Let's Encrypt
3. Konfigurerer load balanceren til at dirigere HTTPS-trafik til din server

Inden for få minutter er dit domæne live og sikret med HTTPS. Ingen Certbot-kommandoer, ingen Nginx SSL-konfiguration, ingen gættelege med DNS-propagering.

Nu for den sjove del. Åbn dit projektbibliotek og start Claude Code:

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

Beskriv derefter bare hvad du ønsker:

"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 opretter et komplet, responsivt, produktionsklar websted. Du skriver ikke en eneste linje kode. Du beskriver viberne, og AI'en leverer.

Kunsten at kode med vibe

Nøglen til fantastisk vibe-kodning er at være specifik om hvad du ønsker, men fleksibel omkring hvordan det implementeres:

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."

Her skinner vibe hosting. Hver NameOcean-server kommer med en indbygget git remote. Tilføj den én gang:

# 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

Det er det. Din kode lander i /root/app/ på serveren. Nginx er allerede konfigureret til at servere statiske filer fra den mappe. Dit site er live.

Ingen build-trin. Intet Docker-image. Ingen deployment pipeline. Intet ventetid. Bare git push og opdater din browser.

Your first push can use any branch name (main, master...); the server deploys that branch from then on and the placeholder welcome page disappears. Need a build step or a restart after each deploy? Add .nameocean/deploy.sh to your project. It runs on the server after every push and its output shows up right in your terminal:

#!/bin/bash
set -e
npm ci
npm run build
supervisorctl restart app

Files edited directly on the server are replaced by the next push, so keep your changes in git.

Den rigtige kraft ved vibe-kodning + vibe hosting er iterationshastigheden. Vil du ændre hero-sektionen?

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

Implementér derefter igen:

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

Dine ændringer er live på sekunder. Denne feedback-loop — beskriv → generer → implementér → se det live — er det der gør vibe hosting transformativ. Du koder ikke bare hurtigere; du shipper hurtigere.

Ud over statiske sites

Vibe hosting på NameOcean er ikke begrænset til statisk HTML. Platformen understøtter full-stack-applikationer direkte ud af boksen.

The NameOcean load balancer receives HTTPS on port 443, holds the certificates and forwards every request to port 80 of your server. Serving your site on port 80 is all you need: no Certbot, no SSL configuration on the server.

Node.js / Express / Next.js

Tell Claude Code to create your Express API or Next.js app. Configure it to listen on 127.0.0.1:8000, set up Supervisor to keep it running (ready-made examples are in /root/conf/supervisor.conf), and switch on the reverse proxy in /root/conf/nginx.conf. Done.

Python / Flask / FastAPI / Django

Same workflow. Your Python app listens on port 8000, Supervisor manages the process, Nginx proxies the requests. NameOcean comes with the latest Python (3.15) via pyenv, a ready virtualenv, and uv for fast installs.

Go / Rust / Hvad som helst

Compile your binary, run it on port 8000, and Nginx takes care of the rest. Or use Docker if that's your style: Docker and Docker Compose are installed and running.

Other protocols

Game servers, MQTT, WebSockets on their own port: open a TCP or UDP port from the server's menu in the dashboard. NameOcean assigns the external port and traffic goes straight to your server. Up to 10 ports per server.

Your server explains itself to the AI

Every server has an AGENTS.md (also linked as CLAUDE.md) in /root. It tells Claude Code, Codex or any other agent how the server works: where the app lives, how traffic arrives, how to deploy, run processes, open ports and bind domains. Run nameocean-info on the server for the live facts: versions, running services, open ports and the last deploy.

MCP-integrationen: Vibe Hosting på autopilot

Her er hvad der gør NameOcean + Claude Code kombinationen speciel: MCP (Model Context Protocol) integration.

Når du forbinder NameOcean som en MCP-server i Claude Code, kan AI'en direkte:

• Oprette og administrere servere — start infrastruktur med en sætning
• Binde domæner — med automatisk SSL og DNS-konfiguration
• Åbne/lukke porte — til databaser, API'er og tjenester
• Deploy kode — via git push, udløst fra samtalen
• Kontrollere serverstatus — overvåg din infrastruktur på naturligt sprog

Det betyder at du bogstaveligt talt kan sige:

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

Og Claude Code håndterer alt — fra serverprovisioning til at skrive koden til at deploye den. Hele livscyklussen, administreret gennem naturligt sprog. Infrastrukturen bliver usynlig.

Eksempel fra virkeligheden: WordGrid landingsside

Lad os gå dig gennem et rigtig eksempel. Vi byggede landingssiden for WordGrid, et tyrkisk ordpuzzelspil, fra bunden.

Samlet tid: under 10 minutter.

Resultatet: en fuldt responsiv, mørkt-tematiseret landingsside med animeret hero-sektion, App Store og Google Play download-knapper, features-gitter, screenshot-galleri, vejledning til spilgang, opfordring-til-handling-sektion og mobiloptimeret layout. Alt genereret af AI, deployed med et enkelt push.

Tips til effektiv Vibe Hosting