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

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

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

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

Bolt может выполнить сборку в своей среде — этим и пользуемся в первую очередь. Попросите его собрать продакшн-версию и дать содержимое папки dist:

Собери продакшн-версию проекта как статический сайт.

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

Покажи содержимое папки dist и дай её скачать одним архивом.

Затем скачайте проект (в Bolt есть выгрузка файлов/архива — набор действий зависит от плана и версии) и возьмите именно папку dist. Если нужен совсем простой лендинг, можно сразу попросить Bolt сделать сайт без фреймворка — тогда сборка не понадобится вовсе.

Исходный код без сборки опубликовать нельзя. Если получить dist из Bolt не вышло, скачайте проект, откройте в IDE и соберите продакшн-версию обычным способом для Vite/ React — на HIXO пойдёт папка dist с index.html в корне.

Тонкости ручной сборки (относительный base, роутинг, пути к ассетам) распишем в отдельном гайде. Порядок неизменен: сначала статика от сервиса, потом ручная сборка.

• Откройте index.html из dist двойным кликом — вёрстка и картинки на месте.
• Пути к ассетам относительные (./assets/), а не абсолютные от корня домена.
• В ZIP лежит содержимое dist, а не папка проекта с node_modules.
• Форма — обычная HTML с атрибутами name, без стороннего action.

Перетащите ZIP с содержимым dist на главную страницу HIXO и нажмите «Открыть превью» — приватную проверку в вашем браузере. Пройдитесь по мобильной и десктопной версии и отправьте тестовую форму.

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

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

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

• Белый экран. Загрузили исходники вместо dist. Соберите проект и возьмите папку сборки.
• Стили и картинки не подхватились. Ассеты идут от корня домена — соберите с относительным base './'.
• Внутренние страницы пустые. SPA-роутинг рассчитан на сервер — используйте статический вариант.
• Форма не сохраняет заявку. Уберите сторонний action, добавьте полям name, проверьте после публикации.