Сайт сделала нейросеть — как его выложить
ChatGPT, Claude, DeepSeek или Cursor выдали код, он открывается двойным кликом, но ссылку отправить некуда. Разбираем, что делать дальше: как подготовить файлы, опубликовать их за минуту без терминала и не выложить заодно свои ключи доступа.
Что у вас на руках
Сценарий знакомый: вы попросили ChatGPT, Claude, DeepSeek или Cursor сделать сайт, получили код, он даже открывается двойным кликом — но живёт только на вашем компьютере. Ссылку отправить нельзя. Дальше нейросеть обычно советует «загрузить файлы на хостинг», и на этом объяснение заканчивается.
Разберёмся по порядку. Сначала определите, что именно вам выдали.
Вариант А. Один HTML-файл
Код начинается с <!doctype html>, а стили и скрипты
встроены внутрь тегами <style> и
<script>. Это самый удобный случай: страница
самодостаточна и готова к публикации как есть.
Вариант Б. Несколько файлов
Нейросеть выдала отдельно index.html,
style.css и script.js. Тоже несложно: все
файлы должны лежать в одной папке, а в HTML — ссылаться друг на друга
по коротким относительным путям.
Вариант В. Проект на React, Next.js или Vue
Признак — упоминание npm install, файл
package.json, папка src. Такой проект нельзя
просто открыть в браузере: его нужно собрать. Хорошая
новость — собирать самому не обязательно, платформа деплоя сделает это
за вас; об этом ниже.
Как подготовить файлы
Три правила, которые закрывают почти все проблемы новичков.
-
Главный файл —
index.html. Именно так, строчными буквами, без пробелов и кириллицы. Если нейросеть назвала файлsite.htmlилиСтраница.html— переименуйте. -
Все файлы — в одной папке,
index.htmlв её корне. Не внутри вложенной папки: загружать нужно содержимое, а не обёртку. - Сохраняйте в кодировке UTF-8. Если открыть блокнот, вставить код и сохранить в кодировке по умолчанию, русский текст может превратиться в «кракозябры». В «Блокноте» Windows кодировка выбирается в окне сохранения, в VS Code — в правом нижнем углу.
Проверьте результат до публикации: откройте index.html
двойным кликом. Как страница выглядит локально — так же она откроется и
в интернете.
Три способа опубликовать
Выберите тот, что ближе — результат одинаковый: рабочая HTTPS-ссылка.
Перетащить папку
Если терминалом вы не пользуетесь — это ваш вариант. Войдите на app.layero.ru по почте или через Яндекс и перетащите папку с сайтом в панель. Платформа распакует её, при необходимости соберёт проект и опубликует. Ни git, ни командной строки.
Одна команда в терминале
Если Node.js уже установлен, откройте папку проекта в терминале и выполните npx layero@latest deploy. Устанавливать ничего не нужно, фреймворк определится автоматически, ссылка появится в конце вывода.
Прямо из AI-редактора
Cursor, Claude Code и Codex умеют работать с Layero через MCP. Подключите MCP-сервер один раз — и деплой запускается фразой в чате вида «задеплой проект в production», без переключения на терминал.
Подключение к AI-редакторам описано в документации для агентов. В Cursor MCP-сервер ставится в один клик со страницы установки, в Claude Code и Codex — одной командой оттуда же.
Если сайта ещё нет, а есть только идея — тот же плагин умеет собрать лендинг с нуля прямо в чате редактора: описываете задачу, отвечаете на пару вопросов и получаете готовую страницу. Как это устроено — в описании плагина.
Выложите сайт от нейросети за минуту
Бесплатный тариф, HTTPS сразу, серверы в России. Перетащите папку — остальное платформа сделает сама.
Проверьте, нет ли в коде ключей
Это единственный пункт из статьи, который стоит прочитать обязательно. Нейросети часто вставляют в примеры кода заготовки под ключи доступа, а иногда — реальные ключи, которые вы сами же им продиктовали в переписке.
Всё, что попало в HTML или JavaScript на странице, видно любому посетителю. Достаточно нажать «Просмотр кода страницы» в браузере. Никакой «минификации» и «сжатия» это не скрывает.
Перед публикацией поищите в коде такие строки:
apiKey,api_key,secret,token,password;- длинные наборы символов, начинающиеся с
sk-,pk_,AKIA; - строки подключения к базам данных — они содержат
://и пару логин:пароль.
Если такое нашлось — ключ нужно удалить из кода и отозвать в личном кабинете сервиса, который его выдал. Считайте скомпрометированным любой ключ, который хоть раз был опубликован. Обращения к платным API должны идти с сервера, а не со страницы; на Layero для этого есть переменные окружения — они хранятся в зашифрованном виде и в код страницы не попадают.
Типичные проблемы кода от нейросети
Что чаще всего ломается и как это чинится.
Сайт открылся без стилей
Обычно сохранён только HTML, а CSS остался в чате. Попросите нейросеть встроить стили прямо в файл: «собери всё в один самодостаточный HTML-файл».
Не отображаются картинки
Нейросеть подставляет несуществующие пути вроде images/hero.jpg. Либо положите файл по этому пути, либо замените ссылку на реальную.
Подключены внешние библиотеки
Ссылки на CDN-библиотеки работают, но делают сайт зависимым от чужого сервера. Для надёжности лучше скачать файл и положить рядом.
Ломается на телефоне
Проверьте, есть ли в <head> строка с viewport. Без неё мобильный браузер покажет уменьшенную десктопную версию.
Вместо русского текста «кракозябры»
Файл сохранён не в UTF-8 либо в <head> нет <meta charset="UTF-8">. Лечится за десять секунд.
Кнопки и ссылки никуда не ведут
В сгенерированных макетах ссылки часто заглушки — href="#". Замените на реальные адреса перед показом клиенту.
Как обновлять сайт дальше
Правки от нейросети приходят порциями, поэтому публикация — не разовое
действие. Обновление делается так же, как первая публикация:
перетащите папку заново или выполните npx layero@latest deploy.
Адрес сайта не меняется, посетители сразу видят новую версию.
Каждая публикация сохраняется в истории деплоев. Если очередная правка сломала страницу, предыдущая версия возвращается одной кнопкой — это удобнее, чем просить нейросеть «вернуть как было», потому что точную прежнюю версию она не помнит.
Когда проект перерастёт папку с файлами, есть смысл завести репозиторий на GitHub и привязать его к проекту: тогда сайт будет обновляться сам при каждом сохранении изменений, а на каждую ветку появится отдельная превью-ссылка.