7 мин · +100 баллов
Выложи инструмент в интернет бесплатно
Бесплатный статический хостинг, который Claude настраивает по одной просьбе.
К концу этого урока
Твой инструмент будет в интернете по бесплатному адресу, выложенный руками Claude, и ты будешь знать, когда бесплатного хостинга не хватит.
Сначала: нужен ли тебе этот модуль вообще? Только если твоим инструментом должен пользоваться кто-то ещё или ты хочешь открывать его откуда угодно. Инструмент, которым ты пользуешься на своём компьютере, уже закончен, и пропустить этот модуль — нормальный выбор.
Статический хостинг похож на бесплатную витрину в большом торговом центре. Центр сам держит свет включённым и двери открытыми, а ты только выставляешь товар. Страницы твоего инструмента — это товар, а хостинг показывает их всем, кто откроет адрес.
Чему подходит бесплатный хостинг
Подходит, когда
- 1Инструмент состоит только из страниц: HTML, CSS и JavaScript. Большинство первых инструментов из этого курса именно такие.
- 2Данные остаются в браузере посетителя: каждый видит свой список и свои записи.
- 3У Netlify, Vercel, Cloudflare Pages и GitHub Pages есть бесплатный тариф для маленьких сайтов. Адрес выглядит как mytool.netlify.app, mytool.vercel.app, mytool.pages.dev или yourname.github.io.
- 4Следить за сервером не нужно: сервис сам держит сайт в сети, HTTPS уже включён.
Скажи это Claude
«Выложи этот сайт в интернет на бесплатный хостинг — Netlify или Vercel. Всё настрой сам, мне скажи только, где войти в браузере, а в конце дай ссылку и проверь, что она открывается.»
Claude проверит проект, поставит инструмент хостинга, один раз попросит тебя войти в браузере, опубликует сайт и пришлёт адрес.
«Опубликуй этот проект на GitHub Pages. Проверь, что .env и другие секреты не попали в репозиторий, включи Pages и дай мне адрес, когда сайт откроется.»
GitHub Pages бесплатен для открытых репозиториев; для закрытого нужен платный тариф GitHub. Claude скажет, какой у тебя случай, прежде чем что-то менять.
«Посмотри этот проект и скажи, можно ли выложить его на бесплатный статический хостинг. Если да, выбери для моего случая Netlify, Vercel, Cloudflare Pages или GitHub Pages и объясни выбор в двух предложениях. Если нет, скажи, что ему нужно вместо этого.»
Пригодится, когда непонятно, где инструмент хранит данные и есть ли у него серверная часть.
›Что значит «войти в браузере»
Когда Claude в первый раз запускает инструмент хостинга, в браузере открывается страница. Там ты заводишь бесплатный аккаунт, часто через вход Google или GitHub, и нажимаешь кнопку вроде Authorize. Так инструмент получает право публиковать сайты в твоём аккаунте. Это делается один раз, остальное делает Claude. Пароль в чат вставлять не нужно никогда.
Как жить с сайтом
- 1Обновления: поменяй инструмент, проверь у себя на компьютере, потом скажи «опубликуй обновление на тот же сайт».
- 2В интернете что-то не так: «на mytool.netlify.app старая версия; выясни почему и исправь».
- 3Больше не нужен: «удали этот сайт с Netlify» — или удали его в панели сервиса.
Сайт откроет любой, у кого есть ссылка, а его код любой может прочитать в браузере. Никогда не клади в статический сайт API-ключ или пароль: их увидят все. Если инструменту нужен ключ или в нём личные данные, ему нужна серверная часть; спроси Claude, какой безопасный вариант для твоего случая самый простой.
Свой адрес
Бесплатный адрес вполне рабочий. Если хочется mytool.com, купи домен у любого регистратора доменов, это около $10–20 в год. Потом пусть Claude подключит его к бесплатному хостингу.
«Подключи мой домен mytool.com к этому сайту на Netlify. По шагам скажи, какие DNS-записи добавить у регистратора, дождись, пока они заработают, и проверь, что сайт открывается по https://mytool.com.»
Изменения DNS расходятся от нескольких минут до нескольких часов. Если домен не отвечает сразу, это ожидание, а не ошибка.
Когда бесплатного хостинга мало
Признаки, что нужен свой сервер
- 1Двое или больше людей должны видеть одни и те же данные: общий список покупок, семейный бюджет, записи на приём.
- 2Аккаунты со входом, база данных, файлы, которые загружают пользователи.
- 3Что-то должно работать постоянно или по расписанию: бот в Telegram, ночной отчёт.
- 4Инструменту нужен секретный ключ, которого не должно быть видно в браузере.
Некоторые хостинги дают на бесплатном тарифе и небольшие серверные функции или базы данных, и Claude подскажет, подходят ли они твоему инструменту. Самый прямой путь — свой небольшой сервер, о нём следующий урок.
Подключи Git-репозиторий, и Netlify, Vercel или Cloudflare Pages будут публиковать сайт на каждый push и давать каждому pull request свой адрес предпросмотра; попроси Claude настроить это вместо ручной выкладки. Бесплатный тариф Hobby у Vercel — для личных некоммерческих проектов, так что для бизнес-сайта проверь условия. У бесплатных тарифов есть лимиты на трафик и сборки, и они меняются; попроси Claude прочитать актуальные. Serverless-функции и управляемые базы данных — промежуточный вариант между статическим хостингом и VPS, когда нужно немного бэкенда.
Безопасный тренажёр. Учёт бюджета работает у тебя на компьютере, а ты хочешь открывать его с телефона.
1Попроси Claude своими словами выложить сайт на бесплатный хостинг
Вам вдвоём нужен один общий список покупок, который оба правите со своих телефонов. Какой вариант подходит?
Claude выкладывает твой одностраничный инструмент на бесплатный хостинг. Какой шаг твой?
Факты проверены по официальной документации Claude Code 24 октября 2026 г. · источник
Автор
Евгений Арсентьев
PhD · CEO, digital health