Как опубликовать сайт из Lovable

Lovable отвечает за дизайн и код, HIXO — за размещение: хранит собранные файлы, выдаёт HTTPS-ссылку и обрабатывает обычные формы на опубликованной странице. Сервер, FTP и настройка хостинга не нужны.

Для публикации нужен результат статической сборки:

• index.html в корне;
• папка с ассетами (CSS, JS, изображения) рядом;
• обычная HTML-форма, если принимаете заявки.

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

Подготовь проект к публикации как статический сайт.

- Собери продакшн-версию (build) и дай готовые статические файлы:
  index.html в корне и папку с ассетами рядом.
- Все ссылки на ресурсы должны быть относительными, без привязки к домену.
- Форма заявки — обычная HTML-форма с полями name, email, message,
  без внешнего action и сторонних сервисов форм.
- Не полагайся на серверные функции и внешние API для базовой страницы.

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

Дальше воспользуйтесь штатной выгрузкой: экспортом кода или синхронизацией с репозиторием — конкретные пункты меню зависят от плана и версии интерфейса. Цель на этом шаге одна — получить папку статической сборки, а не просто ссылку на их превью.

React-проект нельзя опубликовать без сборки. Если статику из сервиса вытащить не удалось, выгрузите код (экспорт или репозиторий), откройте его в IDE и соберите продакшн-версию обычным способом для этого стека — на HIXO пойдёт итоговая папка сборки с index.html в корне.

Подробную ручную сборку статики из React (команды, базовый путь, относительные ссылки) вынесем в отдельный гайд. Здесь важно правило эскалации: сначала просим статику у сервиса, и только потом собираем руками.

• Откройте index.html из папки сборки двойным кликом — страница и картинки на месте.
• Пути к ассетам относительные, без localhost и абсолютных URL на чужой домен.
• В ZIP попали все файлы сборки, включая ассеты и шрифты.
• Форма — обычная HTML с атрибутами name у полей, без стороннего action.

Перетащите ZIP с папкой сборки (или одиночный index.html) на главную страницу HIXO и нажмите «Открыть превью». Это приватная проверка в вашем браузере: посмотрите обе версии вёрстки и отправьте тестовую форму.

Если всё верно — «Опубликовать бесплатно» и регистрация без карты. HIXO предложит имя и опубликует сайт по адресу вида my-site.hixo.dev с HTTPS. Откройте публичную ссылку в инкогнито и повторите отправку формы — заявки появятся в проекте.

Перед публикацией проверьте title, описание, единственный H1, заголовки разделов и подписи к изображениям. Текст пишите для посетителей, а не набором ключевых слов.

Адрес my-site.hixo.dev годится для запуска и демо. Свой домен для бренда или клиента подключается в настройках проекта на платных тарифах — условия на странице тарифов.

• Белый экран. Загрузили исходный код вместо сборки. Нужна продакшн-папка с index.html.
• Пропали стили или картинки. Ассеты ссылаются на абсолютные пути — попросите относительные ссылки при сборке.
• Пустые внутренние страницы. Роутинг рассчитан на сервер — нужна статическая версия.
• Форма шлёт данные на сторонний сервис. Замените на обычную HTML-форму с полями name.