Как начать Vibe Hosting?
Полный учебник Vibe Coding с нуля

Вы, вероятно, слышали о vibe coding — практике описания AI того, что вы хотите, и позволяя ему написать код за вас. Но вот в чем дело, о котором никто не говорит: что происходит после того, как код написан?

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.

Вот здесь вступает в силу vibe hosting.

В этом учебнике мы пройдем весь рабочий процесс от нуля к живому веб-сайту, используя Claude Code для vibe coding и NameOcean для vibe hosting.

Что вам понадобится

Вот и все. Никакого Docker. Никакой AWS консоли. Никакого Terraform. Никаких слез.

Добавьте MCP-сервер NameOcean в Claude Code одной командой. Ничего скачивать не нужно: он работает на nameocean.net, а вход выполняется в браузере с Вашей учётной записью NameOcean.

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

Затем выполните /mcp в Claude Code и выберите nameocean, чтобы войти. Claude Desktop, claude.ai, Cursor и другие клиенты подключаются так же: см. руководство по MCP.

Войдите в панель управления NameOcean и создайте новый сервер. Выберите план, который соответствует вашим потребностям:

Для лендинга или небольшого веб-приложения плана Starter более чем достаточно.

Если у вас есть домен, зарегистрированный на NameOcean (или перенесённый на него), привязать его к серверу можно одним действием. Благодаря интеграции MCP Claude Code, это буквально одно предложение:

"Bind mywebsite.com to my Starter server"

За кулисами NameOcean:

1. Обновляет DNS записи, чтобы они указывали на ваш сервер
2. Автоматически выпускает SSL сертификат через Let's Encrypt
3. Настраивает балансировщик нагрузки для маршрутизации HTTPS трафика на ваш сервер

Через несколько минут ваш домен работает и защищен HTTPS. Никаких команд Certbot, никакой настройки SSL в Nginx, никаких гаданий о распространении DNS.

Теперь самое интересное. Откройте директорию проекта и запустите Claude Code:

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

Просто опишите, что вам нужно:

"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 создаст полноценный, адаптивный, production-ready веб-сайт. Вы не напишете ни одну строку кода. Вы описываете ощущения, а AI доставляет результат.

Искусство создания по ощущениям

Ключ к отличному созданию по ощущениям — быть конкретным относительно что вы хотите, но гибким относительно как это будет реализовано:

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

Вот где vibe hosting сияет. Каждый сервер NameOcean поставляется с встроенным git remote. Добавьте его один раз:

# 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

Вот и всё. Ваш код попадает в /root/app/ на сервере. Nginx уже настроен на раздачу статических файлов из этой директории. Ваш сайт работает.

Без этапа сборки. Без Docker образа. Без pipeline развертывания. Без ожидания. Просто git push и обновите браузер.

Первый push может использовать любое имя ветки (main, master...); с этого момента сервер развёртывает именно эту ветку, а временная приветственная страница исчезает. Нужна сборка или перезапуск после каждого деплоя? Добавьте в проект файл .nameocean/deploy.sh. Он выполняется на сервере после каждого push, а его вывод отображается прямо в вашем терминале:

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

Файлы, изменённые непосредственно на сервере, будут заменены при следующем push, поэтому храните свои изменения в git.

Настоящая мощь vibe coding + vibe hosting — это скорость итерации. Хотите изменить главный раздел?

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

Затем разверните снова:

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

Ваши изменения работают в считанные секунды. Этот цикл обратной связи — описать → сгенерировать → развернуть → увидеть работающим — вот что делает vibe hosting трансформирующим. Вы не просто кодируете быстрее; вы выпускаете быстрее.

Выходим за пределы статических сайтов

Vibe hosting на NameOcean не ограничивается статическим HTML. Платформа поддерживает полнофункциональные приложения из коробки.

Балансировщик нагрузки NameOcean принимает HTTPS на порту 443, хранит сертификаты и перенаправляет каждый запрос на порт 80 вашего сервера. Достаточно, чтобы ваш сайт работал на порту 80: никакого Certbot и настройки SSL на сервере.

Node.js / Express / Next.js

Попросите Claude Code создать ваше API на Express или приложение на Next.js. Настройте прослушивание на 127.0.0.1:8000, подключите Supervisor для поддержания работы процесса (готовые примеры находятся в /root/conf/supervisor.conf) и включите обратный прокси в /root/conf/nginx.conf. Готово.

Python / Flask / FastAPI / Django

Тот же порядок действий. Ваше приложение на Python слушает порт 8000, Supervisor управляет процессом, Nginx проксирует запросы. В NameOcean есть актуальная версия Python (3.15) через pyenv, готовое виртуальное окружение и uv для быстрой установки пакетов.

Go / Rust / Что угодно

Скомпилируйте бинарный файл, запустите его на порту 8000, а об остальном позаботится Nginx. Или используйте Docker, если вам так удобнее: Docker и Docker Compose установлены и работают.

Другие протоколы

Игровые серверы, MQTT, WebSocket на отдельном порту: откройте TCP- или UDP-порт в меню сервера в панели управления. NameOcean назначит внешний порт, и трафик пойдёт напрямую на ваш сервер. До 10 портов на сервер.

Ваш сервер сам всё объяснит ИИ

На каждом сервере в каталоге /root есть файл AGENTS.md (также доступный как CLAUDE.md). Он объясняет Claude Code, Codex или любому другому агенту, как устроен сервер: где находится приложение, как поступает трафик, как выполнять деплой, запускать процессы, открывать порты и привязывать домены. Выполните на сервере nameocean-info, чтобы получить актуальные данные: версии, запущенные службы, открытые порты и последний деплой.

MCP интеграция: виб-хостинг на автопилоте

Вот что делает комбинацию NameOcean + Claude Code особенной: интеграция MCP (Model Context Protocol).

Когда вы подключаете NameOcean как MCP сервер в Claude Code, AI может напрямую:

• Создавать и управлять серверами — разворачивайте инфраструктуру одной фразой
• Привязывать домены — с автоматической конфигурацией SSL и DNS
• Открывать/закрывать порты — для баз данных, API и сервисов
• Развёртывать код — через git push, запускаемый из разговора
• Проверять статус сервера — мониторить вашу инфраструктуру на естественном языке

Это означает, что вы можете буквально сказать:

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

А Claude Code справится со всем — от провизионирования сервера до написания кода и его развёртывания. Весь жизненный цикл, управляемый через естественный язык. Инфраструктура становится невидимой.

Реальный пример: посадочная страница WordGrid

Позвольте нам показать вам реальный пример. Мы создали посадочную страницу для WordGrid, турецкой словесной головоломки, с нуля.

Общее время: менее 10 минут.

Результат: полностью адаптивная тёмная посадочная страница с анимированным героем, кнопками загрузки App Store и Google Play, сеткой функций, галереей скриншотов, гайдом по игре, секцией call-to-action и мобильной оптимизацией. Всё создано AI, развёрнуто одним пушем.

Советы для эффективного виб-хостинга

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