Jak začít s Vibe Hosting?
Kompletní tutoriál Vibe Coding od nuly

Pravděpodobně jste slyšeli o vibe codingu — praxi, kdy popíšete, co chcete umělé inteligenci, a ta za vás napíše kód. Ale tady je věc, kterou nikdo neřeší: co se stane poté, co je kód napsán?

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.

Zde přichází na řadu vibe hosting.

V tomto tutoriálu vás provedeme kompletním workflowem od nuly k živému webu pomocí Claude Code pro vibe coding a NameOcean pro vibe hosting.

Co budete potřebovat

To je vše. Žádný Docker. Žádná AWS konzole. Žádný Terraform. Žádné slzy.

Přidejte MCP server NameOcean do Claude Code jediným příkazem. Nic se nestahuje: běží na nameocean.net a přihlásíte se svým účtem NameOcean v prohlížeči.

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

Poté v Claude Code spusťte /mcp a vyberte nameocean pro přihlášení. Claude Desktop, claude.ai, Cursor a další klienti se připojují stejně: viz průvodce MCP.

Přihlaste se do svého NameOcean dashboardu a vytvořte nový server. Zvolte plán, který vyhovuje vašim potřebám:

Pro landingpage nebo malou webovou aplikaci je Starter plán více než dostačující.

Pokud máte doménu registrovanou na NameOcean (nebo ji sem přenesete), jejímu připojení k serveru stačí jediná akce. Prostřednictvím MCP integrace Claude Code se to dá říci jednou větou:

"Bind mywebsite.com to my Starter server"

V pozadí NameOcean:

1. Aktualizuje DNS záznamy tak, aby ukazovaly na váš server
2. Automaticky poskytuje SSL certifikát prostřednictvím Let's Encrypt
3. Konfiguruje load balancer tak, aby směroval HTTPS provoz na váš server

Během pár minut je vaše doména aktivní a zabezpečená pomocí HTTPS. Žádné Certbot příkazy, žádná Nginx SSL konfigurace, žádné hádání šíření DNS.

Teď přichází ta zábavná část. Otevřete adresář projektu a spusťte Claude Code:

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

Pak jen popište, co chcete:

"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 vytvoří kompletní, responzivní, produkční web. Nenapíšete jediný řádek kódu. Popíšete vibe a AI to dodá.

Umění Vibe Codingu

Klíč k skvělému vibe codingu je být konkrétní o tom, co chcete, ale flexibilní v tom, jak se to implementuje:

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

Tady se vibe hosting stává skvělý. Každý server NameOcean má vestavený git remote. Přidejte ho jednou:

# 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

To je vše. Váš kód se dostane do /root/app/ na serveru. Nginx je už nakonfigurován tak, aby servíroval statické soubory z tohoto adresáře. Váš web je živý.

Žádný build krok. Žádný Docker image. Žádný deployment pipeline. Žádné čekání. Jen git push a refreshnete si prohlížeč.

Při prvním pushi lze použít libovolný název větve (main, master...); server bude od této chvíle nasazovat tuto větev a zástupná uvítací stránka zmizí. Potřebujete po každém nasazení krok sestavení nebo restart? Přidejte .nameocean/deploy.sh do svého projektu. Spustí se na serveru po každém pushi a jeho výstup se zobrazí přímo ve vašem terminálu:

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

Soubory upravené přímo na serveru budou při dalším pushi přepsány, proto uchovávejte své změny v repozitáři git.

Skutečná síla vibe codingu + vibe hostingu je rychlost iterace. Chcete změnit hero sekci?

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

Pak nasaďte znovu:

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

Vaše změny jsou živé za sekundy. Tato zpětná vazba — popsat → generovat → nasadit → vidět živě — je to, co vibe hosting dělá transformativní. Nekódujete jen rychleji; nasazujete rychleji.

Jít za statické weby

Vibe hosting na NameOcean není omezen na statický HTML. Platforma podporuje full-stack aplikace hned z krabice.

Vyvažovač zátěže NameOcean přijímá HTTPS na portu 443, uchovává certifikáty a přesměrovává každý požadavek na port 80 vašeho serveru. Pro hostování vašeho webu na portu 80 stačí: bez Certbotu a bez konfigurace SSL na serveru.

Node.js / Express / Next.js

Řekněte Claude Code, aby vytvořil vaši Express API nebo aplikaci Next.js. Nastavte ji tak, aby naslouchala na 127.0.0.1:8000, nastavte Supervisor tak, aby zůstala spuštěná (připravené příklady jsou v /root/conf/supervisor.conf), a zapněte reverzní proxy v /root/conf/nginx.conf. Hotovo.

Python / Flask / FastAPI / Django

Stejný postup. Vaše aplikace v Pythonu naslouchá na portu 8000, Supervisor spravuje proces a Nginx zajišťuje proxy pro požadavky. NameOcean nabízí nejnovější Python (3.15) prostřednictvím pyenv, připravené virtualenv a uv pro rychlé instalace.

Go / Rust / Cokoli

Zkompilujte svůj binární program, spusťte jej na portu 8000 a o zbytek se postará Nginx. Nebo použijte Docker, pokud vám to vyhovuje: Docker a Docker Compose jsou nainstalované a spuštěné.

Další protokoly

Herní servery, MQTT a WebSockets na vlastním portu: v nabídce serveru v ovládacím panelu otevřete port TCP nebo UDP. NameOcean přiřadí externí port a provoz bude směřovat přímo na váš server. Až 10 portů na server.

Váš server se sám vysvětlí AI

Každý server má v /root soubor AGENTS.md (také dostupný jako CLAUDE.md). Informuje Claude Code, Codex nebo jakéhokoli jiného agenta, jak server funguje: kde se aplikace nachází, jak přichází síťový provoz, jak nasadit aplikaci, spouštět procesy, otevírat porty a přiřazovat domény. Pro aktuální údaje spusťte na serveru nameocean-info: verze, spuštěné služby, otevřené porty a poslední nasazení.

MCP integrace: Vibe Hosting na automatickém pilotovi

Tady je to, co činí kombinaci NameOcean + Claude Code zvláštní: MCP (Model Context Protocol) integrace.

Když připojíš NameOcean jako MCP server v Claude Code, AI může přímo:

• Vytvářet a spravovat servery — rozhod infrastrukturu jednou větou
• Vázat domény — s automatickým SSL a DNS nastavením
• Otevírat/zavírat porty — pro databáze, API a služby
• Nasazovat kód — přes git push, spuštěné z konverzace
• Kontrolovat stav serveru — monitorovat tvou infrastrukturu v přirozeném jazyce

To znamená, že můžeš doslova říci:

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

A Claude Code se postará o vše — od zřizování serveru, přes psaní kódu, až po jeho nasazení. Celý životní cyklus, spravovaný přirozeným jazykem. Infrastruktura se stane neviditelnou.

Příklad z reálného světa: Cílová stránka WordGrid

Nechť tě projdeme praktickým příkladem. Vytvořili jsme cílovou stránku pro WordGrid, tureckou slovní hádanku, od nuly.

Celkový čas: méně než 10 minut.

Výsledek: plně responzivní, tmavě stylizovaná cílová stránka s animovanou hero sekcí, tlačítky pro stažení z App Store a Google Play, mřížkou funkcí, galérií screenshotů, průvodcem hrou, sekcí výzvy a mobilně optimalizovaným layoutem. Vše vytvořeno AI, nasazeno jedním push.

Tipy pro efektivní Vibe Hosting

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