How to Start Vibe Hosting?
Egy teljes Vibe Coding oktatóanyag az alapoktól

Valószínűleg hallottál már a vibecodingról — a gyakorlatról, amikor leírod az AI-nak, hogy mit szeretnél, és hagod, hogy az AI írja meg a kódot. De íme a dolog, amiről senki nem beszél: mi történik után, hogy a kód megírásra kerül?

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.

Itt jön a vibe hosting.

Ebben az oktatóanyagban végigmegyünk a teljes munkafolyamaton nulláról az élő weboldal felépítéséhez a Claude Code segítségével a vibecoding-hoz és a NameOcean segítségével a vibe hosting-hoz.

Mit kell tudnod

Ennyi az egész. Nincs Docker. Nincs AWS konzol. Nincs Terraform. Nincs könny.

Töltsd le a NameOcean Vibe Hosting asztali alkalmazást a platformodra és jelentkezz be a NameOcean fiókodba. Az alkalmazás összeköti a szerveredet a Claude Code-dal az MCP-n keresztül, így mindent természetes nyelven kezelhetsz.

Jelentkezz be a NameOcean irányítópultodba és hozz létre egy új szervert. Válaszd ki az igényeidnek megfelelő csomagot:

Egy landolóoldal vagy egy kis webalkalmazás számára a Kezdő csomag több mint elegendő.

Ha van egy NameOcean-on regisztrált domain (vagy arra átvitele megtörtént), a szerverhez való csatlakoztatása egyetlen művelet. Claude Code MCP integrációján keresztül szó szerint egyetlen mondat:

"Bind mywebsite.com to my Starter server"

Háttérben a NameOcean:

1. Frissíti a DNS-rekordokat, hogy a szerverre mutassanak
2. Automatikusan üzembe helyez egy SSL-tanúsítványt a Let's Encrypt-en keresztül
3. Konfigurálja a terheléselosztót az HTTPS-forgalom irányításához a szerverre

Néhány percen belül a domain élő és HTTPS-sel biztonságosított. Nincs Certbot parancs, nincs Nginx SSL konfiguráció, nincs DNS terjedési találgatózás.

Most jön a jó rész. Nyissa meg a projektkönyvtárat és indítsa el a Claude Code-ot:

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

Majd egyszerűen írja le, mit szeretne:

"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 egy teljes, responsív, éles weboldalat hoz létre. Egyetlen kódsort sem írunk. Leírja a hangulatot, és az AI szállít.

A Vibe-kód Művészete

A nagyszerű vibe-kódozás titka az, hogy konkrét legyen azzal kapcsolatban, hogy mit szeretne, de rugalmas azzal, hogy hogyan valósul meg:

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

Itt ragyog a vibe hosting. Minden NameOcean szerverhez egy beépített git remote tartozik. Adja hozzá egyszer:

# 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

Ez az. A kód a /root/app/ mappába kerül a szerveren. Az Nginx már konfigurálva van az adott könyvtárból statikus fájlok kiszolgálására. A webhely élő.

Nincs build lépés. Nincs Docker kép. Nincs telepítési folyamat. Nincs várakozás. Csak git push és frissítse a böngészőt.

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.

A vibe-kódozás + vibe-hosting igazi ereje az iteráció sebessége. Szeretné megváltoztatni a hős szekciót?

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

Majd telepítse újra:

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

A módosítások másodpercek alatt élőek vannak. Ez a visszacsatolási hurok — leírás → generálás → telepítés → élesben látás — az, ami a vibe hosztingot átalakító. Nem csak gyorsabban kódol; szállít gyorsabban.

Túl az Statikus Oldalak Között

A NameOcean vibe hostingja nem korlátozódik statikus HTML-re. A platform teljes körű alkalmazásokat támogat azonnal.

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 / Bármi

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.

Az MCP integráció: Vibe Hosting automatikusan

Íme, mi teszi különlegessé a NameOcean + Claude Code kombinációt: MCP (Model Context Protocol) integráció.

Amikor a NameOcean-t MCP szerverként csatlakoztatod a Claude Code-ban, az AI közvetlenül képes:

• Szervereket létrehozni és kezelni — infrastruktúrát felépíteni egy mondattal
• Doméneket kötni — automatikus SSL és DNS konfigurációval
• Portokat megnyitni/bezárni — adatbázisokhoz, API-khoz és szolgáltatásokhoz
• Kódot telepíteni — git push-on keresztül, a beszélgetésből indítva
• Szerver állapotát ellenőrizni — az infrastruktúrát természetes nyelvvel monitorozni

Ez azt jelenti, hogy szó szerint azt mondhatod:

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

A Claude Code pedig gondoskodik a többiről — a szerverépítéstől a kódírásig a telepítésig. Az egész életciklus, természetes nyelvvel kezelve. Az infrastruktúra láthatatlanná válik.

Valós példa: WordGrid kezdőoldal

Hadd mutassunk be egy valós példát. Készítettük a WordGrid kezdőoldalát, egy török szórejtvény-játékot, nulláról.

Teljes idő: 10 perc alatt.

Az eredmény: egy teljesen reszponzív, sötét témájú kezdőoldal animált hero szekciót, App Store és Google Play letöltés gombokat, funkció rácsot, képernyőkép galériát, játékszabályok útmutatót, felhívás a cselekvésre szekciót és mobil-optimalizált elrendezést tartalmaz. Teljes egészében AI által generált, egyetlen push-sal telepítve.

Tippek az effektív Vibe Hosting-hoz