Как перенести сайт с лавбл на свой хостинг

Перенос сайта с Lovable на свой хостинг — это стандартный шаг, когда проект готов к самостоятельной жизни. По сути, нужно забрать код из Lovable, и развернуть его на новой платформе.

Процесс делится на два этапа: получение кода и его размещение. Самый надёжный способ — использовать GitHub как «мост». Давайте разберем по шагам.

Шаг 1. Получаем код вашего проекта из Lovable

Lovable не даёт просто скачать ZIP-архив через интерфейс, но у него есть отличная интеграция с GitHub. Это официальный и самый стабильный способ .

Откройте ваш проект в Lovable.
В правом верхнем углу найдите и нажмите на иконку с котом — это кнопка «Connect to GitHub» .
Авторизуйте приложение Lovable в своем GitHub-аккаунте и выберите, где создать новый репозиторий (хранилище для кода) .
Lovable автоматически создаст репозиторий и отправит туда весь код вашего проекта . Теперь код у вас есть.

Альтернативный способ: если по какой-то причине вы не хотите использовать GitHub, можно установить специальное расширение для Chrome под названием Lovable Code Downloader. Оно добавляет в интерфейс Lovable кнопку для скачивания всего проекта ZIP-архивом .

Шаг 2. Размещаем код на своем хостинге

Теперь у вас есть код в GitHub. Вы можете выбрать один из двух путей.

🚀 Путь A: Платформы для разработчиков (Vercel, Netlify, Railway)

Это самый простой и рекомендуемый способ для проектов, созданных в Lovable, так как платформы сами понимают, что делать с кодом. Важно знать: ваш проект, скорее всего, написан на React и требует Node.js-окружения .

Инструкция:
1. Зарегистрируйтесь на выбранной платформе (например, Vercel или Netlify) и дайте ей доступ к вашему GitHub .
2. Выберите репозиторий с вашим Lovable-проектом.
3. Платформа автоматически определит настройки сборки (например, что это React-приложение) . Вам останется только нажать кнопку «Deploy».
4. Через пару минут вы получите постоянную ссылку на ваш сайт.

🌐 Путь B: Классический хостинг (Hostinger, любой другой)

Этот способ подходит, если у вас уже есть хостинг и вы хотите разместить сайт именно там. Главное — ваш тарифный план должен поддерживать Node.js-приложения, так как ваш сайт — это не просто набор HTML-файлов .

Инструкция:
1. Скачайте код. Если вы использовали GitHub, можно скачать код репозитория как ZIP-архив прямо с сайта GitHub.
2. Загрузите код на хостинг. В панели управления хостингом (например, cPanel или hPanel) найдите раздел для работы с Node.js. В Hostinger он называется «Node.js Web Apps» .
3. В этом разделе выберите вариант «Import Git Repository» (подключить ваш GitHub) или «Upload Files» (загрузить ZIP-архив с кодом) .
4. Система предложит настроить команды для сборки. Если оставить поля по умолчанию, хостинг, скорее всего, сам определит, что делать, и запустит ваш сайт .

Что делать с базой данных и секретными ключами?

Важный момент! В Lovable ваш проект мог использовать Supabase или другие внешние сервисы. При переносе на новый хостинг вам нужно будет снова подключить эти сервисы :

В настройках вашего нового хостинга (Vercel, Hostinger и т.д.) найдите раздел «Environment Variables» (переменные окружения).
Скопируйте туда все секретные ключи (API-ключи, URL базы данных), которые использовались в Lovable . Обычно это можно увидеть в настройках проекта Lovable.

Резюме

По сути, у вас есть два простых маршрута:

Через GitHub (экспорт в репозиторий) и его подключение к Vercel / Netlify для максимальной простоты.
Через GitHub и последующую загрузку кода на ваш классический Node.js-хостинг через панель управления.

Самый простой способ — через Vercel или Netlify, они сделают почти всю работу за вас.

webhost1.ru подойдет?

Да, webhost1.ru подойдет для размещения вашего сайта, но с одной оговоркой: вам нужен будет не обычный хостинг, а VPS/VDS сервер. Давайте разберемся, почему и как это сделать.

📌 Почему VPS, а не обычный хостинг?

Ваш сайт, созданный в Lovable — это, по сути, веб-приложение, написанное на React (JavaScript). Такие проекты требуют для работы Node.js — среды выполнения JavaScript на сервере.

Обычные тарифы хостинга (shared hosting) чаще всего заточены под PHP и не позволяют запускать приложения на Node.js или дают очень ограниченные возможности. VPS (виртуальный выделенный сервер) дает вам полный root-доступ, и вы можете установить на него любую нужную версию Node.js.

✅ Что говорят о webhost1.ru (быстрый обзор)

Это известный российский хостинг-провайдер, который работает с 2012 года. Вот что о нем пишут пользователи и что предлагает сам хостинг:

Подходит для Node.js: Webhost1 активно продвигает свои VPS как идеальную площадку для Node.js-разработки. В их документации есть подробные инструкции по установке и настройке Node.js.
Хорошие отзывы: На разных площадках у компании высокий рейтинг (4.7-4.8 из 5). Пользователи хвалят стабильность работы, доступные цены и, что особенно важно для не-технических специалистов, квалифицированную техническую поддержку. Некоторые отмечают, что поддержка помогает даже с задачами, которые не входят в их прямые обязанности.
Прозрачные тарифы: Цены на VPS стартуют от 479 рублей в месяц, что является адекватной стоимостью для входа.

⚠️ О чем нужно знать

Это VPS, а не «волшебная кнопка»: Вам придется самостоятельно устанавливать Node.js, настраивать сервер и разворачивать код. Это не так сложно, как кажется, благодаря инструкциям на сайте и поддержке, но требует больше внимания, чем обычный хостинг.
Отзывы о поддержке: Хотя большинство отзывов положительные, в некоторых встречаются жалобы на долгое время ответа или недостаточную компетенцию сотрудников.

🚀 Ваш план действий для переноса

Выберите тариф VPS на сайте webhost1.ru, который соответствует вашему бюджету (самый простой подойдет для старта).
Воспользуйтесь документацией хостинга: У них есть подробные статьи, как установить Node.js на их серверах (например, с помощью менеджера версий nvm).
Перенесите код: Загрузите ваш проект из GitHub на сервер. (Как его получить из Lovable, мы обсуждали ранее).
Запустите проект: В терминале сервера перейдите в папку с проектом и выполните команды npm install (установка зависимостей) и npm start (запуск сервера).
Настройка переменных: Не забудьте перенести все секретные ключи (для Supabase и т.д.) в переменные окружения на новом сервере.

💎 Итог

Webhost1 — хороший выбор для размещения вашего Lovable-проекта на VPS. Он специально ориентирован на разработчиков, использующих Node.js, и имеет положительную репутацию за стабильность и поддержку.

Вам потребуется немного времени, чтобы разобраться с базовыми командами VPS, но поддержка и документация хостинга вам в этом помогут. Если вы предпочтете более простое, но не менее надежное решение, обратите внимание на облачные платформы, такие как Vercel или Netlify, которые берут на себя всю рутину деплоя.