Hvordan komme i gang med Vibe Hosting?
En komplett Vibe-kodingsveiledning fra begynnelsen

Du har sannsynligvis hørt om vibe-koding — praksisen med å beskrive hva du vil ha for en KI og la den skrive koden for deg. Men her er det ingen snakker om: hva skjer etter at 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 der vibe-hosting kommer inn.

I denne veiledningen vil vi gå gjennom hele arbeidsflyten fra null til et live nettsted ved å bruke Claude Code for vibe-koding og NameOcean for vibe-hosting.

Hva du trenger

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

Legg til NameOcean MCP-serveren i Claude Code med én kommando. Ingenting å laste ned: den kjører på nameocean.net, og du logger inn med NameOcean-kontoen din i nettleseren.

$ claude mcp add --transport http nameocean https://nameocean.net/mcp

Kjør deretter /mcp i Claude Code og velg nameocean for å logge inn. Claude Desktop, claude.ai, Cursor og andre klienter kobles til på samme måte: se MCP-veiledningen.

Logg inn på NameOcean-dashbordet ditt og opprett en ny server. Velg planen som passer dine behov:

For en landingsside eller en liten web-app er Starter-planen mer enn tilstrekkelig.

Hvis du har et domene registrert på NameOcean (eller overført til det), er det å binde det til serveren din en enkelt handling. Gjennom Claude Code sin MCP-integrasjon er det bokstavelig talt én setning:

"Bind mywebsite.com to my Starter server"

Bak kulissene gjør NameOcean:

1. Oppdaterer DNS-poster for å peke til serveren din
2. Utsteder et SSL-sertifikat automatisk via Let's Encrypt
3. Konfigurerer load balancer-en til å rute HTTPS-trafikk til serveren din

Innen noen få minutter er domenet ditt live og sikret med HTTPS. Ingen Certbot-kommandoer, ingen Nginx SSL-konfigurasjon, ingen DNS-forplantingsgissinger.

Nå for den morsomme delen. Åpne prosjektmappen din og start Claude Code:

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

Beskriv deretter hva du vil ha:

"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 vil lage et komplett, responsivt, produksjonsklar nettsted. Du skriver ikke en eneste linje kode. Du beskriver vibene, og AI-en leverer.

Kunsten med Vibe Coding

Nøkkelen til bra vibe coding er å være spesifikk om hva du vil ha, men fleksibel om hvordan det blir implementert:

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 innebygd git remote. Legg den til é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 alt. Koden din lander i /root/app/ på serveren. Nginx er allerede konfigurert til å serve statiske filer fra den katalogen. Nettstedet ditt er live.

Ingen build-steg. Ingen Docker-image. Ingen deployment-pipeline. Ingen venting. Bare git push og oppfrisk nettleseren din.

Din første push kan bruke hvilket som helst grennavn (main, master...). Serveren deployer deretter den grenen, og velkomstsiden forsvinner. Trenger du et byggesteg eller en omstart etter hver deploy? Legg til .nameocean/deploy.sh i prosjektet ditt. Den kjøres på serveren etter hver push, og utdataene vises rett i terminalen din:

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

Filer som redigeres direkte på serveren, erstattes av neste push, så ha endringene dine i git.

Den virkelige kraften til vibe coding + vibe hosting er iterasjonshastigheten. Vil du endre hero-seksjonen?

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

Deployer deretter igjen:

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

Endringene dine er live på sekunder. Denne feedbackløkken — beskriv → generer → deploy → se det live — er det som gjør vibe hosting transformativt. Du koder ikke bare raskere; du leverer raskere.

Går Beyond Statiske Nettsteder

Vibe hosting på NameOcean er ikke begrenset til statisk HTML. Plattformen støtter full-stack-applikasjoner fra start.

NameOcean-lastbalansereren mottar HTTPS på port 443, håndterer sertifikatene og videresender hver forespørsel til port 80 på serveren din. Det eneste du trenger er å levere nettstedet ditt på port 80: ingen Certbot og ingen SSL-konfigurasjon på serveren.

Node.js / Express / Next.js

Be Claude Code lage Express API-et eller Next.js-appen din. Konfigurer den til å lytte på 127.0.0.1:8000, sett opp Supervisor for å holde den i gang (ferdige eksempler finnes i /root/conf/supervisor.conf), og slå på reverse proxy i /root/conf/nginx.conf. Ferdig.

Python / Flask / FastAPI / Django

Samme arbeidsflyt. Python-appen din lytter på port 8000, Supervisor styrer prosessen, og Nginx proxyer forespørslene. NameOcean leveres med nyeste Python (3.15) via pyenv, et ferdig virtualenv og uv for raske installasjoner.

Go / Rust / Hva som helst

Kompiler binærfilen, kjør den på port 8000, så tar Nginx seg av resten. Eller bruk Docker hvis det er din stil: Docker og Docker Compose er installert og kjører.

Andre protokoller

Spillservere, MQTT, WebSockets på egen port: åpne en TCP- eller UDP-port fra servermenyen i dashbordet. NameOcean tildeler den eksterne porten, og trafikken går rett til serveren din. Opptil 10 porter per server.

Serveren din forklarer seg selv for AI-en

Hver server har en AGENTS.md (også lenket som CLAUDE.md) i /root. Den forteller Claude Code, Codex eller en annen agent hvordan serveren fungerer: hvor appen ligger, hvordan trafikken kommer inn, hvordan du deployer, kjører prosesser, åpner porter og knytter domener. Kjør nameocean-info på serveren for å se sanntidsinformasjon: versjoner, kjørende tjenester, åpne porter og siste deploy.

MCP-integrasjonen: Vibe Hosting på autopilot

Her er det som gjør NameOcean + Claude Code-kombinasjonen spesiell: MCP (Model Context Protocol)-integrasjon.

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

• Opprett og administrer servere — spinn opp infrastruktur med en setning
• Bind domener — med automatisk SSL og DNS-konfigurasjon
• Åpne/lukke porter — for databaser, APIer og tjenester
• Deploy kode — via git push, utløst fra samtalen
• Sjekk serverstatus — overvåk infrastrukturen din med naturlig språk

Dette betyr at du kan bokstavelig talt si:

"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 serverprovisjonering til å skrive koden til å deploye den. Hele livssyklusen, styrt gjennom naturlig språk. Infrastrukturen blir usynlig.

Eksempel fra virkeligheten: WordGrid-landingsside

La oss gå deg gjennom et reelt eksempel. Vi bygget landingssiden for WordGrid, et tyrkisk ordpuslespill, fra bunnen av.

Total tid: under 10 minutter.

Resultatet: en fullt responsiv, mørk tematisert landingsside med en animert heroseksjon, App Store- og Google Play-nedlastingsknappar, funksjonsrutenett, skjermbildegalleri, instruksjonsguide, oppfordringsseksjon og mobil-optimalisert layout. Alt generert av AI, deployed med et enkelt push.

Tips for effektiv Vibe Hosting

$ claude mcp add --transport http nameocean https://nameocean.net/mcp