Lovable-проект - на свой домен
Lovable делает проект на React. Для хостинга нужна его готовая сборка - папка dist. Покажем, как её получить.
Нужен аккаунт Визви и тариф «Всё».
Ещё не делали сайт? Приложите памятку в чат с Lovable - сайт сразу будет готов под Визви.
Скачать памяткуLovable пишет полноценное приложение на React и Vite. Браузеру такие исходники не подходят: их сначала собирают в обычные HTML, CSS и JavaScript. Результат сборки - папка dist - и загружается в Визви.
distИсходники React браузер не запускает. Команда сборки превращает их в готовые файлы сайта.
Как собрать и загрузить проект Lovable
Скачайте код
Через выгрузку кода проекта или синхронизацию с GitHub - затем скачайте репозиторий архивом.
Установите зависимости
В папке проекта выполните npm install (нужен Node.js).
Соберите проект
Выполните npm run build - появится папка dist.
Загрузите dist
Запакуйте содержимое dist в ZIP. Если загрузить весь проект, Визви сам найдёт собранную папку.
Что чаще всего ломается
Проверка Визви ловит это сразу после загрузки и подсказывает, как исправить.
Supabase и другие серверные функции не переносятся на статический хостинг - работает только сама страница.
Маршруты вида /about работают внутри приложения. Надёжнее сделать разделы якорями или отдельными страницами.
Визви покажет «загружены исходники». Соберите проект или попросите сделать сайт без сборки.
Промт для Lovable
Отправьте его в чат до загрузки - сайт будет готов к хостингу Визви сразу.
Подготовь проект к статическому хостингу: - убери обращения к Supabase и серверу, всё содержимое - прямо в коде; - маршруты замени якорями (#about, #prices); - форму заявок замени на <div data-vz-block="lead"></div>; - фото - в public/images, а не в Supabase Storage; - проверь, что npm run build создаёт рабочую папку dist.
Вопросы про Lovable
Нужно ли знать программирование, чтобы собрать проект?
Достаточно двух команд в терминале. Если не хочется - попросите любую чат-нейросеть переделать сайт в один HTML-файл.
Что будет с базой данных Lovable?
Она останется в Lovable. Визви размещает только сайт: тексты, картинки, интерфейс и форму заявок Визви.
Обновлять сайт нужно заново собирать?
Да: после правок снова npm run build и загрузка папки dist как новой версии.
Собрали проект? Загружайте
Проверим сайт, подскажем, что поправить, и откроем его на вашем домене.
Lovable - товарный знак его владельца. Визви не связан с ним и помогает разместить сайты, созданные с его помощью.