Jak zacząć Vibe Hosting?
Kompletny poradnik Vibe Coding od podstaw

Prawdopodobnie słyszałeś o vibe coding — praktyce opisywania AI, co chcesz, i pozwalania mu napisać kod dla Ciebie. Ale tu jest haczyk, o którym nikt nie mówi: co się dzieje po napisaniu kodu?

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.

Tu pojawia się vibe hosting.

W tym poradniku przejdziemy przez kompletny przepływ pracy od zera do działającej strony internetowej, używając Claude Code do vibe coding i NameOcean do vibe hosting.

Co będziesz potrzebować

To wszystko. Bez Docker. Bez konsoli AWS. Bez Terraform. Bez łez.

Dodaj serwer MCP NameOcean do Claude Code jednym poleceniem. Niczego nie trzeba pobierać: serwer działa na nameocean.net, a logowanie odbywa się w przeglądarce przy użyciu konta NameOcean.

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

Następnie uruchom /mcp w Claude Code i wybierz nameocean, aby się zalogować. Claude Desktop, claude.ai, Cursor i inne klienty łączą się w ten sam sposób: zobacz przewodnik MCP.

Zaloguj się do pulpitu nawigacyjnego NameOcean i utwórz nowy serwer. Wybierz plan, który odpowiada Twoim potrzebom:

Dla landing page'a lub małej aplikacji webowej plan Starter jest więcej niż wystarczający.

Jeśli masz domenę zarejestrowaną na NameOcean (lub przeniesioną do niego), powiązanie jej z serwerem to jedna akcja. Dzięki integracji MCP Claude Code jest to dosłownie jedno zdanie:

"Bind mywebsite.com to my Starter server"

Za kulisami NameOcean:

1. Aktualizuje rekordy DNS aby wskazywały na Twój serwer
2. Automatycznie udostępnia certyfikat SSL poprzez Let's Encrypt
3. Konfiguruje load balancer aby kierował ruch HTTPS na Twój serwer

W ciągu kilku minut Twoja domena jest na żywo i zabezpieczona HTTPS. Brak poleceń Certbota, brak konfiguracji SSL w Nginx, brak zgadywania czasów propagacji DNS.

Teraz przychodzi zabawa. Otwórz katalog projektu i uruchom Claude Code:

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

Następnie po prostu opisz to, czego chcesz:

"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 stworzy kompletną, responsywną, produkcyjnie gotową stronę. Nie napiszesz ani jednej linii kodu. Opisujesz vibe, a AI dostarcza.

Sztuka Vibe Codingu

Kluczem do świetnego vibe codingu jest bycie konkretnym w kwestii tego czego chcesz, ale elastycznym w kwestii sposobu jego implementacji:

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

Tutaj vibe hosting błyszczy. Każdy serwer NameOcean zawiera wbudowane zdalne repozytorium git. Dodaj je raz:

# 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 wszystko. Twój kod trafia do /root/app/ na serwerze. Nginx jest już skonfigurowany aby serwować pliki statyczne z tego katalogu. Twoja strona jest na żywo.

Brak kroku budowania. Brak obrazu Docker. Brak pipeline'u wdrażania. Brak czekania. Po prostu git push i odśwież swoją przeglądarkę.

Pierwszy push może mieć dowolną nazwę gałęzi (main, master...); od tego momentu serwer wdraża tę gałąź, a tymczasowa strona powitalna znika. Potrzebujesz kroku budowania lub restartu po każdym wdrożeniu? Dodaj plik .nameocean/deploy.sh do swojego projektu. Uruchamia się na serwerze po każdym pushu, a jego wynik pojawia się od razu w Twoim terminalu:

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

Pliki edytowane bezpośrednio na serwerze zostaną zastąpione przez kolejny push, dlatego trzymaj swoje zmiany w git.

Prawdziwa moc vibe codingu + vibe hostingu to szybkość iteracji. Chcesz zmienić sekcję hero?

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

Następnie wdrażaj ponownie:

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

Twoje zmiany są na żywo w sekundach. Ta pętla sprzężenia zwrotnego — opisz → generuj → wdrażaj → zobacz na żywo — to co czyni vibe hosting transformacyjnym. Nie tylko kodujesz szybciej; wydajesz szybciej.

Wykraczając poza strony statyczne

Vibe hosting na NameOcean nie ogranicza się do statycznego HTML. Platforma wspiera aplikacje full-stack od razu po wyjęciu z pudełka.

Load balancer NameOcean odbiera ruch HTTPS na porcie 443, przechowuje certyfikaty i przekazuje każde żądanie na port 80 Twojego serwera. Wystarczy, że Twoja strona działa na porcie 80: bez Certbota i bez konfiguracji SSL na serwerze.

Node.js / Express / Next.js

Poproś Claude Code o utworzenie Twojego API w Express lub aplikacji Next.js. Skonfiguruj ją tak, aby nasłuchiwała na 127.0.0.1:8000, ustaw Supervisor, aby utrzymywał ją przy życiu (gotowe przykłady znajdziesz w /root/conf/supervisor.conf) i włącz reverse proxy w /root/conf/nginx.conf. Gotowe.

Python / Flask / FastAPI / Django

Ten sam schemat. Twoja aplikacja w Pythonie nasłuchuje na porcie 8000, Supervisor zarządza procesem, a Nginx przekazuje żądania. NameOcean zawiera najnowszego Pythona (3.15) przez pyenv, gotowe środowisko virtualenv oraz uv do szybkich instalacji.

Go / Rust / Wszystko

Skompiluj swój plik binarny, uruchom go na porcie 8000, a resztą zajmie się Nginx. Możesz też użyć Dockera, jeśli wolisz: Docker i Docker Compose są zainstalowane i działają.

Inne protokoły

Serwery gier, MQTT, WebSockets na własnym porcie: otwórz port TCP lub UDP z menu serwera w panelu. NameOcean przydziela port zewnętrzny, a ruch trafia bezpośrednio na Twój serwer. Do 10 portów na serwer.

Twój serwer sam wyjaśnia się AI

Każdy serwer ma w katalogu /root plik AGENTS.md (dostępny też jako CLAUDE.md). Opisuje on dla Claude Code, Codex lub dowolnego innego agenta, jak działa serwer: gdzie znajduje się aplikacja, jak dociera ruch, jak wdrażać, uruchamiać procesy, otwierać porty i podpinać domeny. Uruchom nameocean-info na serwerze, aby zobaczyć aktualne dane: wersje, działające usługi, otwarte porty i ostatnie wdrożenie.

Integracja MCP: Vibe Hosting na Autopilocie

Oto co czyni kombinację NameOcean + Claude Code wyjątkową: integracja MCP (Model Context Protocol).

Kiedy podłączysz NameOcean jako serwer MCP w Claude Code, AI może bezpośrednio:

• Tworzyć i zarządzać serwerami — uruchamiać infrastrukturę jednym zdaniem
• Wiązać domeny — z automatycznym SSL i konfiguracją DNS
• Otwierać/zamykać porty — dla baz danych, API i usług
• Wdrażać kod — via git push, uruchamiane z konwersacji
• Sprawdzać status serwera — monitorować infrastrukturę w naturalnym języku

To oznacza, że możesz dosłownie powiedzieć:

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

A Claude Code zajmie się wszystkim — od aprowizacji serwera do napisania kodu i jego wdrożenia. Cały cykl życia, zarządzany poprzez naturalny język. Infrastruktura staje się niewidoczna.

Przykład z Praktyki: WordGrid Landing Page

Poprowadźmy Cię przez rzeczywisty przykład. Zbudowaliśmy landing page dla WordGrid, tureckiej gry słownej, od zera.

Całkowity czas: poniżej 10 minut.

Wynik: w pełni responsywna, ciemnomotywowa landing page z animowaną sekcją hero, przyciskami do pobrania z App Store i Google Play, siatką funkcji, galerią zrzutów ekranu, przewodnikiem jak grać, sekcją wezwania do działania i zoptymalizowanym dla urządzeń mobilnych układem. Wszystko wygenerowane przez AI i wdrożone jednym push'em.

Wskazówki do Efektywnego Vibe Hosting

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