Как опубликовать сайт через Claude Code (без GitHub)

Соберите сайт в dist/, подключите Wibe как удалённый MCP-сервер, авторизуйте его через /mcp, а затем попросите ИИ-кодинг-агента опубликовать эту папку. Статический сайт может получить публичный URL без передачи через GitHub и без второй панели хостинга.

1. Step 1СборкаСоздайте dist/index.html
2. Step 2ПодключениеАвторизуйте Wibe MCP
3. Step 3ПубликацияОпубликуйте и проверьте URL

Перед публикацией убедитесь, что это статический сайт

Claude Code — это ИИ-кодинг-агент, а не хостинг. С помощью Claude Code можно создать сайт, фронтенд на React или полноценное full-stack-приложение. Название инструмента не определяет, какая модель хостинга нужна результату. Её определяет то, что получилось на выходе.

Статический сайт работает на файлах, которые браузер может скачать. Лендинг, портфолио, сайт с документацией или калькулятор на стороне клиента обычно подходят. Веб-приложению нужен хостинг приложений, если оно управляет аутентификацией, базой данных, серверными маршрутами, фоновыми задачами или приватными API-ключами.

Попросите Claude Code классифицировать проект, прежде чем он что-либо изменит:

Изучи этот проект, ничего не меняя. Скажи, может ли он работать полностью как статический сайт после production-сборки. Проверь наличие серверных маршрутов, базы данных, фоновых задач, логики аутентификации и приватных серверных переменных окружения. Также перечисли все локальные бинарные изображения, видео, PDF и шрифты, которые нужны собранному сайту. Заверши ответ фразой «Готово для публикации статического сайта через Wibe» либо чётким объяснением того, что этому мешает.

Никогда не копируйте приватные ключи в JavaScript: всё, что попадает в браузер, становится публичным. Если проекту нужно серверное поведение, используйте хостинг приложений. Полное правило выбора описано в материале о разнице между простым сайтом и приложением.

Шаг 1. Соберите сайт в dist/

Wibe получает готовые браузерные файлы, а не dev-сервер или репозиторий с исходниками. Настройте корень проекта так, чтобы он создавал каталог dist с точкой входа dist/index.html. CSS и JavaScript могут лежать внутри него с сохранёнными относительными путями.

Не нужно помнить, что использует этот проект: npm run build, Vite, Astro или другой генератор статических сайтов. Попросите Claude изучить пакет и запустить его настоящую production-команду:

Подготовь этот проект к публикации в Wibe. Сначала изучи существующие скрипты пакета и конфигурацию фреймворка. Запусти правильную production-сборку, не меняя фреймворк. Убедись, что итоговые браузерные файлы находятся в dist/ и что dist/index.html существует. Проверь, что пути к ресурсам и внутренним ссылкам будут работать с размещённого URL, а не только на локальном dev-сервере. Пока не публикуй. Сообщи команду сборки, список файлов в dist/ и любые препятствия для статического хостинга.

Работающий dev-сервер не доказывает, что production-сборка существует. Проверьте сам каталог dist/.

Шаг 2. Подключите Wibe к Claude Code

Добавьте коннектор Wibe как удалённый HTTP MCP-сервер из CLI. Выполните это внутри папки проекта, чтобы область действия была только для проекта:

claude mcp add --transport http wibe https://wibe.manaraga.ai/mcp

Используйте пользовательскую область (user scope), чтобы коннектор был доступен во всех проектах:

claude mcp add --transport http --scope user wibe https://wibe.manaraga.ai/mcp

Запустите CLI командой claude, выполните /mcp, выберите wibe и нажмите Authenticate. OAuth откроется в браузере. Войдите с помощью одноразового кода из письма и разрешите доступ. Никакой ключ вставлять в репозиторий не нужно.

Проверьте подключение командой claude mcp list или попросите Claude показать список ваших проектов. Официальная документация Anthropic по MCP для Claude Code объясняет удалённый HTTP и OAuth. Актуальное руководство Wibe по подключению Claude Code остаётся текущим справочником по командам.

Шаг 3. Опубликуйте сайт из Claude Code

При необходимости создайте проект в панели Wibe. Попросите ИИ-агента показать список проектов и используйте точное выбранное имя. Каждая успешная публикация создаёт новую версию по тому же публичному адресу.

Используйте один явный промпт для публикации:

С помощью подключённых инструментов Wibe покажи список моих проектов. Если подходящих проектов несколько, попроси меня выбрать. Ещё раз проверь, что dist/index.html существует и что каждый отправляемый файл — текстовый. Опубликуй текстовые файлы из dist/ в выбранный проект с описанием версии «Первая публикация сайта». Не пропускай вложенные файлы CSS и JavaScript. Верни публичный URL, номер версии, URL предпросмотра и все предупреждения ровно в том виде, в каком их сообщает Wibe.

Wibe проверяет набор файлов, прежде чем менять рабочий сайт. Отсутствующая точка входа или другое блокирующее нарушение приводят к отклонению файлов, а текущая версия остаётся без изменений. При успехе возвращаются публичный URL, номер версии и предпросмотр. Откройте URL, чтобы проверить результат.

Проверьте рабочий сайт, прежде чем делиться им

Успешная публикация не доказывает, что дизайн, сгенерированный ИИ клиентский код, ссылки и поведение в браузере корректны. Протестируйте рабочий сайт как посетитель — без локальных файлов и сессий.

1. Откройте рабочий сайт в приватном окне браузера и сделайте жёсткое обновление.
2. Проверьте главную страницу и каждый внутренний маршрут на десктопе и мобильном.
3. Нажмите на навигацию, кнопки, ссылки для почты и внешние ссылки.
4. Убедитесь, что CSS, JavaScript, изображения и шрифты загружаются без ошибок 404.
5. Проверьте консоль браузера и панель сети на предмет неудачных запросов.
6. Убедитесь, что в собранных файлах нет приватного API-ключа или секрета.

Отсутствующим бинарным ресурсам нужен публичный URL или поддерживаемый способ загрузки бинарных файлов; повторная публикация только текста их не добавит.

Добавьте свой домен

Первая публикация становится доступна по стандартному адресу проекта Wibe. Вы можете сразу поделиться этим URL или позже подключить брендовый домен. В панели проекта введите корневой домен, например example.com, или поддомен, например www.example.com. Добавьте точную DNS-запись, показанную Wibe, и нажмите Verify.

Корневой домен использует показанную A-запись; поддомен — показанную CNAME. В Cloudflare переключите запись в режим DNS only на время проверки. Руководство по своему домену описывает все шаги. Стандартный URL продолжает работать всё это время.

Обновляйте или откатывайте без перестройки процесса

Работайте итеративно в той же локальной папке. После правки соберите заново и опубликуйте dist/ в тот же проект. Добавьте понятное описание, чтобы история версий объясняла, что изменилось.

Пересобери статический сайт и проверь dist/index.html. Убедись, что файлы только текстовые, и просмотри различия в собранном результате. Опубликуй dist/ в тот же проект Wibe с описанием «Обновление: [кратко опиши видимое изменение]». Верни публичный URL, новый номер версии, URL предпросмотра и предупреждения. Затем покажи последние версии, чтобы я видел точку для отката.

Если результат неверный, посмотрите список версий и откатитесь к заведомо рабочей. Это меняет то, какая сохранённая версия является рабочей, не удаляя более новую версию и не изменяя ваш локальный репозиторий.

Покажи список версий моего проекта Wibe, в том числе какая из них рабочая. Не откатывай, пока не покажешь мне варианты. После того как я выберу версию, откатись к ней и верни публичный URL и номер восстановленной версии.

Нужны ли ещё GitHub, Vercel или Cloudflare?

Они не нужны, чтобы перенести совместимый статический сайт из ИИ-инструмента для кодинга в Wibe. Между готовым каталогом и рабочим сайтом нет ни подключения репозитория, ни экрана с настройками сборки.

GitHub по-прежнему полезен для истории изменений, пул-реквестов, резервных копий и командного ревью. Vercel, Netlify и Cloudflare Pages подходят, когда важны непрерывный деплой на основе репозитория или более широкие возможности платформы. Приложению с серверной частью нужен настоящий бэкенд-хостинг.

Для сайтов на Claude Code выбирайте исходя из результата: небольшой статический сайт может пойти этим прямым путём; приложению или командному репозиторию могут понадобиться привычный Git и облачная инфраструктура.

Частые проблемы при публикации из Claude Code

Wibe сообщает об отсутствии точки входа

В отправленном на публикацию наборе нет dist/index.html. Соберите из корня проекта, проверьте настроенный каталог вывода и разместите готовые статические файлы в dist/.

Dev-сервер работает, но сборка падает

Локальная разработка может скрывать серверные маршруты или сломанные импорты в production. Попросите Claude Code починить сборку. Если ей всё равно нужен рантайм, используйте хостинг приложений.

На рабочем сайте не хватает изображений или шрифтов

Проверьте пути и регистр имён файлов. Файлы PNG, JPEG, WebP, PDF, WOFF и WOFF2 не могут пройти через этот текстовый удалённый инструмент; используйте публичный URL ресурса или поддерживаемый способ загрузки.

Claude не видит инструменты Wibe

Выполните claude mcp list. Если wibe отключён, откройте /mcp и авторизуйтесь заново. Убедитесь, что endpoint соответствует актуальному руководству, а его область действия включает этот проект.

Claude выбрал не тот проект

Остановитесь до публикации. Выполните list_projects, сравните имена и адреса и используйте точное выбранное имя.

Часто задаваемые вопросы