htmlkin.ru
Войти
Улитка с коричневой полосатой раковиной ползёт по ровному серо-голубому фону

Куда выложить сайт из нейросети: файл, папка или проект на React

Где разместить сайт из нейросети: кнопка в Lovable и Bolt, htmlkin, Netlify Drop, GitHub Pages, хостинг. Что выбрать и что делать, если сайт не открылся.

 · 12 мин чтения

Сайт из нейросети без базы данных и личного кабинета выкладывают на любой хостинг статических сайтов. Это обычные файлы, которым нужен адрес. Быстрее всего перетащить файл или папку на сервис публикации — ссылка появится сразу.

Выбор зависит от двух вещей: что у тебя на руках и кто будет открывать сайт. Код из чата, папка dist и проект на React выкладываются по-разному, а у ссылки для заказчика и у сайта с доменом разные требования. Советы ниже проверены на настоящей публикации.

Коротко

  • Код из чата, HTML-файл и готовую папку сайта можно выложить как есть. Проект с package.json сначала собирают: это исходники.
  • Кнопка публикации в Lovable, Bolt и v0 подходит для показа. Свой домен у Lovable и Bolt — на платном тарифе, он оплачивается картой зарубежного банка.
  • Для ссылки прямо сейчас хватит сервиса публикации, для сайта надолго подойдёт любой вариант из таблицы со своим доменом.
  • Сборка на React открывается на хостинге. Двойной клик по её index.html показывает белый экран, и это нормально: мы проверили.
  • Адреса вроде /about в React Router на статическом хостинге отдают 404 при прямом переходе. Лечится заменой BrowserRouter на HashRouter.

Что у тебя на руках?

Посмотри, что отдала нейросеть. От этого зависит, что делать дальше.

Что на руках Откуда Что делать
код в ответе чата ChatGPT, Claude, DeepSeek, Алиса AI, GigaChat скопировать и вставить в форму публикации
один файл .html скачан из чата, сохранён из Canvas или артефакта перетащить файл
папка с index.html без package.json агент в редакторе, код из чата, сохранённый по файлам перетащить папку или ZIP
папка dist, build или out результат сборки проекта перетащить папку или ZIP
папка с package.json Lovable, Bolt, v0, агент в редакторе сначала собрать, потом выложить готовую папку

Последняя строка — ловушка. package.json означает исходники, и index.html в такой папке ещё не сайт: опубликуешь её и получишь белый экран. Проект из Lovable сначала забери через синхронизацию с GitHub. Агент в редакторе соберёт его сам: «Собери проект и покажи, где лежит готовая папка». Для этого на компьютере нужен Node.js. Для проекта на Next.js, а его отдаёт v0, добавь: «Настрой статический экспорт». Готовая папка появится под именем out.

В чате собрать проект негде. Там попроси другое: «Перепиши результат в один HTML-файл со стилями и скриптами внутри». Для лендинга этого достаточно.

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

Куда выложить: семь вариантов

Для ссылки прямо сейчас подойдут первые два варианта и Netlify Drop, если получателю можно передать пароль. Остальные требуют репозитория, панели хостинга или настройки облака. Лимиты сверены с официальными страницами, полный разбор площадок — в подборке топ-10 бесплатных хостингов.

Вариант Что нужно для старта Адрес Свой домен
Кнопка в Lovable, Bolt, v0 аккаунт в инструменте *.lovable.app, *.bolt.host, *.vercel.app у Lovable и Bolt на платном тарифе, у v0 — через проект Vercel
htmlkin ничего, один сайт на 24 часа; почта, чтобы сайт остался *.htmlkin.ru на всех тарифах, включая бесплатный
Netlify Drop ничего; аккаунт, чтобы снять временный пароль *.netlify.app бесплатно
GitHub Pages аккаунт и публичный репозиторий *.github.io бесплатно
SourceCraft Sites, GitVerse Pages публичный репозиторий; у SourceCraft — в публичной организации *.sourcecraft.site, *.gitverse.site только адрес площадки
Виртуальный хостинг панель хостинга, загрузка файлов технический адрес да
Yandex Object Storage облачный аккаунт, бакет, DNS, сертификат свой домен да, с настройкой

Кнопка в инструменте. Самый короткий путь, если сайт собран в Lovable, Bolt или v0. Ограничения разберём в следующем разделе.

htmlkin. Наш сервис. Принимает код, файл, папку и ZIP, ссылка появляется сразу. Без аккаунта можно выложить один сайт на 24 часа; страницу с полем пароля или формой на чужой адрес опубликуешь только после регистрации. На бесплатном тарифе — один сайт до 20 МБ и промо-баннер внизу страницы, через 30 дней без посещений сайт уходит в архив. PHP и базы данных не работают. Условия — на странице хостинг HTML-страниц.

Netlify Drop. Папка или ZIP перетаскивается в браузер, регистрация не нужна. Без входа в аккаунт сайт закрыт временным паролем: его нужно передать получателю. Документация советует загрузки до 50 МБ. Расход считается в кредитах: когда они кончаются, все сайты аккаунта показывают заглушку.

GitHub Pages. Бесплатный хостинг для тех, кто готов разобраться с репозиторием. Сайт до 1 ГБ, мягкий лимит трафика 100 ГБ в месяц. Интернет-магазины и сайты с платежами правила GitHub на Pages не допускают.

SourceCraft Sites и GitVerse Pages. Российские варианты с публикацией из публичного репозитория. Свой домен к ним не подключается. GitVerse собирает сайты только через Jekyll, поэтому проект на React нужно собрать у себя и выложить готовую папку.

Виртуальный хостинг. Подходит, если сайту позже понадобятся PHP и база данных. Файлы загружаются через панель или FTP. У Beget и SpaceWeb есть бесплатные тарифы на 1 ГБ, для входа нужен телефон.

Yandex Object Storage. Дешёвый вариант для большого трафика. Взамен собираешь хостинг сам: бакет, DNS, сертификат.

Если сайт для посетителей из России, проверь ссылку с телефона через мобильный интернет, без VPN. В нашем замере от 6 августа все 63 HTTPS-проверки сайтов и панелей Netlify, Vercel, GitHub Pages и htmlkin с российских дата-центровых нод прошли успешно. Домашние провайдеры могут вести себя иначе, блокировки точечные. Поэтому проверяй именно свой адрес. Другие площадки для этой задачи — в разборе аналоги Netlify и Vercel.

Когда хватит встроенной кнопки?

Когда сайт нужно показать заказчику или друзьям. Адрес появляется за одно нажатие, ничего выгружать не надо. Для сайта надолго проверь четыре условия.

  • Свой домен. У Lovable подключается на платных тарифах. У Bolt на бесплатном тарифе своего домена нет.
  • Лимиты. Хостинг опубликованного сайта в Lovable списывает кредиты по мере использования. Bolt на бесплатном тарифе даёт 10 ГБ трафика и 333 333 запроса в месяц и показывает бейдж «Made in Bolt». Сверх лимита сайт отключается до конца месяца.
  • Оплата. Платные тарифы Lovable, Bolt и v0 оплачиваются картой зарубежного банка. Подробности — в разборе вайбкодинг сайта.
  • Доступность. Сайты из v0 живут на Vercel. С 2 сентября 2026 года свои домены на Vercel у части российских провайдеров открываются через раз, адрес *.vercel.app при этом работает. На 2 ноября решения в ветке сообщества Vercel нет.

У Claude своя кнопка — ссылка на артефакт. Новые артефакты из чата открываются только у людей с аккаунтом Claude, поэтому заказчику такая ссылка может не подойти. Подробности и перенос на свой адрес — в разборе как опубликовать артефакт Claude.

У ChatGPT есть Sites: сайт по описанию с адресом на chatgpt.site, в публичной бете на платных тарифах. На бесплатном тарифе код из чата и Canvas выкладывается отдельно. Claude и ChatGPT официально не работают в России: её нет в списках поддерживаемых стран Anthropic и OpenAI.

Как выложить сайт за минуту?

Путь одинаковый для любой нейросети. На примере htmlkin:

  • Код из чата. Открой главную htmlkin.ru, вкладка «Вставить HTML», вставь код.
  • Файл, папка, ZIP. Перетащи их в ту же форму. В корне должен лежать index.html. В сайте может быть до 500 файлов.
  • Сборка. Перетащи папку dist, build или out. Папку с исходниками оставь на компьютере.

Скопируй адрес и открой его с телефона. Если ты вошёл в аккаунт, сайт публикуется из личного кабинета в режиме «Только мне». Чтобы ссылка открылась у всех, поставь видимость «Публичный».

Есть короткий путь без копирования. Расширение для браузера добавляет кнопку «Опубликовать» к блоку с HTML-кодом в ChatGPT, Алисе и GigaChat. Claude и Claude Code подключаются через MCP-сервер и выкладывают сайт сами, на любом тарифе после регистрации.

попробуйте сами
Самый быстрый способ опубликовать HTML-проект
Без регистрации и настройки сервера. Сайт открывается по адресу вида hash.htmlkin.ru.
Опубликовать на htmlkin.ru

Почему сайт не открылся?

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

Что видишь Причина Что сделать
белый экран, если открыть index.html двойным кликом сборке нужен веб-сервер выложи и проверь по ссылке
белый экран на хостинге, в папке есть package.json выложены исходники собери проект, как в разделе выше
белый экран на адресе с подпапкой /repo/ пути в сборке начинаются с / «Поставь base: './' в Vite, замени BrowserRouter на HashRouter и пересобери»
404 на /about при прямом переходе адрес есть только внутри приложения React «Замени BrowserRouter на HashRouter»
сервис не принимает ZIP index.html лежит глубже одной папки заархивируй саму готовую папку
получателя просят войти в карточке сайта стоит режим «Только мне» поставь видимость «Публичный»
сайт открывается только у тебя в ссылках остался localhost или file:// «Замени адреса на относительные пути»

Белый экран в подпапке встречается на GitHub Pages, SourceCraft Sites и GitVerse Pages: адрес проекта там содержит имя репозитория. Документация Vite предлагает base с этим именем, вариант ./ с HashRouter тоже работает. На отдельном адресе вроде имя.htmlkin.ru сайт лежит в корне, и настройка не нужна.

404 на /about — поведение статического хостинга без перенаправлений, в том числе htmlkin.

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

Наш опыт: мы собрали на Vite сайт на React из двух страниц — главная и «О студии», 4 файла, 276 КБ — и выложили его на htmlkin ZIP-архивом без регистрации. Главная открылась, переход по меню на /about сработал. Прямой переход на тот же адрес отдал 404. В подпапке того же архива лежала вторая сборка с HashRouter, и её адрес /hash/#/about открылся по прямой ссылке. Двойной клик по index.html в обеих сборках дал белый экран. На хостинге те же файлы работают. Проверка от 2 ноября 2026 года.

С HashRouter ссылка на внутреннюю страницу выглядит как /#/about. Для сайта из пары страниц этого хватит. Если адреса важны для поиска, попроси нейросеть собрать каждую страницу отдельным HTML-файлом: тогда /about откроет about.html без решётки.

Что делать, когда сайт выложен?

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

  • Домен. Свой домен и SSL-сертификат подключаются на всех тарифах htmlkin, включая бесплатный. Пошагово — как подключить свой домен.
  • Заявки. Статическому сайту нужна внешняя форма. На тарифах «Про» и «Бизнес» заявки приходят в личный кабинет.
  • Правки. После регистрации попроси нейросеть изменить файл и загрузи новую версию. Адрес и домен останутся прежними.
  • Поиск. Попроси добавить title, description и favicon: без прямой просьбы нейросети их легко пропускают. В поиск попадают сайты в режиме «Публичный», анонимные не индексируются.

Как собрать сайт из нескольких страниц с формой и что работает из России — в разборе вайбкодинг сайта. Сценарии от лендинга до приглашения — на странице сайт из нейросети по ссылке.

Частые вопросы

Где разместить сайт из нейросети бесплатно?

Бесплатно работают htmlkin, Netlify, GitHub Pages, SourceCraft Sites и GitVerse Pages, и встроенная публикация в Lovable и Bolt. ChatGPT Sites — только на платных тарифах. Быстрее всего перетащить файл на сервис публикации: на htmlkin ссылка появится сразу, первая публикация не требует регистрации.

Как опубликовать сайт, сделанный нейросетью, без программирования?

Скопируй код из чата и вставь его на вкладке «Вставить HTML» на htmlkin.ru. Командная строка и настройка сервера не нужны. Если нейросеть отдала проект с package.json, попроси переписать его в один HTML-файл.

Подойдёт ли обычный хостинг?

Да. Статический сайт работает на любом хостинге: загрузи файлы в корневую папку через панель или FTP. Обычный хостинг стоит брать, если сайту нужны PHP или база данных.

Можно ли выложить сайт с базой данных или личным кабинетом?

На статическом хостинге нет: PHP, Python и базы данных там не работают. Такому проекту нужен конструктор со встроенным бэкендом, например Lovable, Bolt или ChatGPT Sites, либо свой сервер.

Сколько сайт будет работать?

Зависит от площадки. На htmlkin без аккаунта сайт живёт 24 часа. После регистрации он работает, пока на него заходят: через 30 дней без посещений уходит в архив, и ещё 30 дней его можно вернуть. На платных тарифах хранится бессрочно.

Что запомнить

Сайт из нейросети — это файлы. Определи, что у тебя на руках: код, файл, папка или исходники. Исходники сначала собери или попроси переписать в один HTML.

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

Перетащи файл на главную htmlkin.ru — ссылка появится сразу.

Источники

Готов выложить свой проект?
HTML-сайт за 30 секунд. Закрепи его за постоянным субдоменом — или просто покажи коллеге прямо сейчас.
Опубликовать на htmlkin.ruКак это работает

Читай также

Деревянный скворечник с терракотовой крышей на тонком шесте на кремовом фоне
Нейросети

Артефакт Claude: как опубликовать и поделиться ссылкой

29 сент · 9 мин
Над раскрытой ладонью сама собой складывается башенка из деревянных кубиков, верхний кубик терракотовый
Нейросети

Вайбкодинг сайта: чем собрать из России и как выложить по ссылке

25 сент · 13 мин
Две руки держат развёрнутую бумажную книжку-гармошку из семи кремовых створок, центральная створка терракотовая, фон тёмно-зелёный
Нейросети

HTML-презентация: что это такое и как её сделать

21 сент · 16 мин