Выложить сайт бесплатно и подключить свой домен

Сайт готов. Лежит в папке на компьютере, открывается двойным щелчком, всё красиво. А клиенту его не покажешь, ссылки-то нет. Дальше два вопроса: куда его положить, чтобы открывался у всех, и как сделать, чтобы адрес был твой, а не набор букв.

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

Что получишь

• сайт по адресу в интернете, который открывается с любого телефона
• свой домен, подключённый к этому сайту
• понимание, какой бесплатный хостинг подходит сайту дела, а какой по правилам нет
• способ обновить сайт за пару минут, когда поменялись цены

Что нужно до старта

Если Claude Code ещё не стоит на компьютере, вот установка по шагам

• Готовый сайт в папке. Лучше всего один файл index.html и фото рядом. Как его собрать, в уроках по словам ЛЕНДИНГ и РЕФЕРЕНС
• Почта для регистрации на хостинге
• Свой домен, если хочешь свой адрес. Как выбрать и купить домен и на кого его оформить, разобрано в уроке по слову ДОМЕН. Нужен доступ в личный кабинет того, у кого ты купила домен
• Телефон с мобильным интернетом без VPN. Им проверяем, открывается ли сайт у обычного клиента

Деньги на хостинг в этом уроке не нужны. Домен платный, его покупают отдельно.

Какой бесплатный хостинг брать для дела

GitHub Pages. Популярный бесплатный способ, его часто советуют. По официальной документации GitHub: опубликованный сайт до 1 ГБ, мягкий лимит трафика 100 ГБ в месяц, мягкий лимит 10 сборок в час (проверено 28.10.2026). И там же написано, что GitHub Pages не предназначен и не разрешён для использования как бесплатный хостинг для онлайн-бизнеса, интернет-магазина или сайта, который в основном служит для коммерческих сделок. Для сайта своего дела с прайсом и заявками это риск, что сайт однажды отключат. Поэтому дальше в уроке его не берём.

Cloudflare Pages. По официальной документации Cloudflare на бесплатном плане: 500 сборок в месяц, до 20 000 файлов на сайт, один файл до 25 МиБ, до 100 своих доменов на один проект. Если загружать сайт перетаскиванием прямо в браузере, за раз можно до 1 000 файлов (проверено 28.10.2026). В странице с лимитами запрета на коммерческий сайт нет. Общие условия Cloudflare перед стартом всё равно прочитай, они длинные, но решают всё.

Vercel и Netlify. Тоже часто советуют. У Vercel бесплатный план Hobby по его же справке только для личного некоммерческого использования (https://vercel.com/docs/plans/hobby, проверено 29.10.2026), сайт для дела туда не подходит. Если хочешь на Netlify, открой его тарифы и проверь две вещи: есть ли бесплатный план и разрешён ли на нём коммерческий сайт.

Lovable и подобные конструкторы публикуют сайт сами, внутри сервиса, про них урок по слову ЛЕНДИНГ.

Главная проверка для любого хостинга: открывается ли сайт у клиента в России без VPN. Её не заменит никакая документация. Сделаешь в шаге 4.

Сначала про персональные данные

Если на сайте есть форма, где клиент оставляет имя и телефон, ты собираешь персональные данные. У закона о персональных данных свои требования: согласие на обработку, политика на сайте, правила о том, где эти данные хранятся. Бесплатный зарубежный хостинг и форма с телефонами - сочетание, которое стоит обсудить с юристом до запуска.

Самый простой выход для первой версии: формы на сайте нет. Кнопка ведёт в мессенджер или на звонок, человек пишет тебе сам.

Шаги

1. Подготовь папку

Попроси Claude Code или проверь сама:

Проверь папку сайта перед публикацией:
- главный файл называется index.html
- все картинки лежат в этой же папке или во вложенной, пути к ним
  относительные, без C:\ и без адресов моего компьютера
- имена файлов латиницей, без пробелов
- нет лишних файлов: черновиков, исходников, документов с данными клиентов
Исправь, что не так, и скажи, что поменял.

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

2. Зарегистрируйся в Cloudflare

Заходи на официальный сайт cloudflare.com, адрес набирай руками, и регистрируйся по почте. Для одного простого сайта бесплатного плана с лимитами выше хватает с запасом.

3. Загрузи сайт перетаскиванием

По документации Cloudflare: в панели открываешь раздел Workers & Pages, выбираешь Create application, потом Get started и вариант с перетаскиванием (drag and drop). Придумываешь имя проекта латиницей, например nail-studio-ekb. Перетаскиваешь папку сайта в окно загрузки и нажимаешь Deploy site.

Сайт появится по адресу вида имя-проекта.pages.dev. Имя проекта станет частью адреса, так что выбирай понятное.

Если в интерфейсе кнопки называются чуть иначе, ищи по смыслу: создать приложение, Pages, загрузить файлы. Интерфейсы такие меняются чаще документации.

4. Проверь с телефона без VPN

Самый главный шаг. Выключи на телефоне Wi-Fi и VPN, открой адрес через мобильный интернет. Проверь:

• сайт открывается и не грузится вечность
• фото на месте
• кнопка связи нажимается и ведёт куда надо
• телефон набирается одним нажатием

Попроси открыть ссылку пару знакомых с другими операторами. Если у кого-то не открывается без VPN, клиенты увидят то же самое. Тогда этот хостинг твоему делу не подходит, смотри российский хостинг и его условия.

5. Подключи свой домен

По документации Cloudflare подключение начинается в самом проекте: раздел Custom domains, там добавляешь свой домен. Это делают в первую очередь. Если сначала прописать запись у регистратора, а домен в проект не добавить, сайт не откроется и может показать ошибку 522.

Дальше два варианта.

Поддомен, например zapis.твойдомен.ru. Проще. У регистратора домена в настройках DNS добавляешь запись CNAME: имя zapis, значение имя-проекта.pages.dev. Остальной домен остаётся как был, почта на нём не ломается.

Сам домен, твойдомен.ru без приставок. Для этого Cloudflare просит перенести к нему управление доменом: добавить домен в Cloudflare и у регистратора сменить NS-серверы на те, что Cloudflare покажет. Это затрагивает всё на домене, включая почту, если она у тебя на нём есть. Тут лучше не спешить: сначала посмотри, какие записи DNS уже есть, и проверь после переноса, что они перенеслись.

Как именно называются пункты в кабинете регистратора, у каждого своё. Ищи раздел «DNS» или «Управление записями». Если не находишь, у регистраторов есть справка и поддержка, спрашивай у них, а не в чатах.

6. Подожди и проверь ещё раз

Изменения DNS расходятся по интернету не мгновенно. Часто это минуты, иногда дольше. Когда домен заработал, открой его с телефона без VPN, как в шаге 4, и посмотри, что в адресной строке есть замок, то есть сайт открывается по https.

7. Как обновлять

Поменялись цены. Правишь index.html у себя в папке, проверяешь двойным щелчком, что всё на месте. Потом в проекте Cloudflare загружаешь новую версию тем же перетаскиванием. Документация отдельно предупреждает: если проект подключён к GitHub, перетаскивание для него уже не работает. Так что для начала держи один способ, перетаскивание.

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

Где обычно ломается

Картинки не показываются. В коде остались пути с твоего компьютера. Возвращайся к шагу 1, промпт это ловит.

У одних открывается, у других нет. Частая история с зарубежными хостингами и разными операторами. Проверяй с нескольких телефонов без VPN до того, как ставить ссылку в рекламу и в профиль.

Домен не подключается. Почти всегда одно из двух: запись CNAME прописана, а домен в проект не добавлен, или в имени записи опечатка. Сверь посимвольно.

После переноса домена пропала почта. Записи почты не перенеслись. Добавь их в Cloudflare такими же, какие были у регистратора. Поэтому и просили их сначала записать.

В интернет уехали лишние файлы. Черновик с ценами для своих, таблица клиентов. Удаляй из папки и загружай заново. Дальше привычка: публикуешь только папку сайта, рабочие файлы держишь отдельно.

Что дальше

Сайт в интернете, адрес твой. Если хочешь дальше собирать такие вещи сама, спокойно и по шагам, от первого чата до программы Claude на компьютере, есть курс «Claude с нуля, 7 уроков».

Источники

1. https://docs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits
2. https://developers.cloudflare.com/pages/platform/limits/
3. https://developers.cloudflare.com/pages/get-started/direct-upload/
4. https://developers.cloudflare.com/pages/configuration/custom-domains/
5. https://vercel.com/docs/plans/hobby

Ещё уроки