Как выложить сайт, сделанный нейросетью, в интернет: хостинг, домен и HTTPS

· 3 мин чтения · Редакция Skill Unit

Самый частый затык в вайбкодинге — не код, а публикация. Нейросеть выдала файлы, страница красиво открывается в браузере, но по ссылке её никто, кроме вас, не увидит. Чтобы сайт стал доступен людям, нужны три вещи: место, где лежат файлы (хостинг), адрес (домен) и защищённое соединение (HTTPS).

Шаг 1. Поймите, какой у вас сайт

От этого зависит, какой хостинг подойдёт. Спросите у нейросети прямо: «Это статический сайт или ему нужен сервер? Какие файлы нужно выложить?»

  • Статический сайт — набор файлов HTML, CSS, JS и картинок. Лендинг, визитка, портфолио, калькулятор, который считает прямо в браузере. Его можно разместить почти где угодно, часто бесплатно.
  • Сайт с сервером — есть база данных, личный кабинет, приём платежей, обработка форм на своей стороне. Нужен хостинг с поддержкой нужного языка (Node.js, Python, PHP) или свой сервер (VPS).

Если вы делаете первый сайт — начните со статического. Форму заявок можно отправлять в Telegram или на почту через готовый сервис, не поднимая свой сервер.

Шаг 2. Выберите хостинг

Для статического сайта подходят обычный виртуальный хостинг у российского провайдера или облачные платформы для фронтенда. Для сайта с сервером — хостинг с поддержкой вашего стека или VPS. Сравнивайте по четырём вопросам:

  • Где физически стоят серверы. Если сайт собирает имена, телефоны или почты граждан РФ, данные нужно собирать и хранить в базах на территории России (ч. 5 ст. 18 152-ФЗ). Для такой формы выбирайте российский хостинг.
  • Открывается ли площадка у ваших клиентов без VPN. Некоторые зарубежные адреса из России работают нестабильно.
  • Есть ли бесплатный SSL-сертификат (Let's Encrypt) в один клик.
  • Сколько стоит продление, а не только первый месяц.

Шаг 3. Загрузите файлы

Обычно есть три способа: загрузить архив через панель хостинга, перетащить файлы в файловый менеджер или подключиться по FTP/SFTP. Главная страница должна называться index.html и лежать в корневой папке сайта (у многих хостингов это public_html или www). Частая ошибка — загрузить папку целиком, и тогда сайт открывается только по адресу вида site.ru/my-site/.

Попросите нейросеть: «Перечисли, какие файлы и папки нужно загрузить на хостинг, и проверь, что все пути к картинкам и стилям относительные». Абсолютные пути вида C:/Users/… — классическая причина, почему на хостинге пропали картинки.

Шаг 4. Подключите домен

Домен покупают у регистратора (для .ru — у аккредитованных регистраторов). Чтобы домен показывал ваш сайт, в настройках DNS у регистратора добавляют запись, которую даёт хостинг:

  • A-запись — указывает домен на IP-адрес сервера (например, @ → 185.0.0.1).
  • CNAME — указывает поддомен на другое имя (например, www → ваш-проект.хостинг.ru).

Добавьте записи и для домена без www, и для www — иначе один из адресов не откроется. Изменения DNS расходятся от нескольких минут до суток: если сайт сразу не открылся, это нормально, подождите.

Шаг 5. Включите HTTPS

Без HTTPS браузер пишет «Не защищено», а форма с телефоном выглядит подозрительно. У большинства хостингов бесплатный сертификат выпускается в панели одной кнопкой после того, как домен начал указывать на сервер. Затем включите перенаправление с http:// на https://, чтобы у сайта был один адрес.

Шаг 6. Проверьте перед тем, как давать ссылку людям

  • Сайт открывается по адресу с www и без, по http и по https — везде попадаете на одну версию.
  • На телефоне нет прокрутки вбок, кнопки нажимаются пальцем.
  • Тестовая заявка из формы дошла туда, куда должна.
  • В тексте нет выдуманных отзывов, цен и «[заполнить]», которые оставила нейросеть.
  • Если есть форма — рядом галочка согласия на обработку данных и ссылка на политику конфиденциальности.
  • В коде страницы нет ключей и паролей (откройте «Просмотр кода» и поищите key, token, password).

Что делать, если не открывается

Скопируйте нейросети точный текст ошибки и опишите, что сделали: «Загрузил файлы в public_html, домен купил вчера, A-запись указал на IP хостинга, браузер пишет ERR_NAME_NOT_RESOLVED». Конкретное описание даёт конкретный ответ; «не работает» — нет.

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

Хотите пройти путь на практике?

Курс «Вайбкодинг с нуля: сайты и сервисы с помощью ИИ»: короткие уроки, практические задания и проверка ответов. Первый урок бесплатно.

Смотреть курс