Блог

Уроки, руководства и новости продукта.

Разработчикам

Как разместить приложение Lovable на своём сервере

2 ноября 2026 5 мин. чтения
Поделиться записью

Чтобы разместить приложение Lovable на своём сервере, синхронизируйте проект с GitHub через Git sync в Lovable, подключите репозиторий к панели Coolify на сервере, задайте переменные окружения и направьте на сервер свой домен. Сам Lovable описывает этот путь в документации: код ваш и работает там, где вы его разместите. Вы можете и дальше строить проект в Lovable: правки попадают в репозиторий, и сервер разворачивает оттуда.

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

Как вынуть код из Lovable?

СпособКакКогда
Git syncОткройте Project settings, затем Git и GitHub и нажмите Connect. Lovable создаст новый репозиторий, по умолчанию приватный, и начнётся двусторонняя синхронизация.Для постоянного развёртывания, на всех тарифах
Download codebaseСкачайте .zip с той же страницы или из редактора кода.Разовая копия, на платных тарифах

Какой у вас проект?

Lovable строит проекты на двух стеках, и от этого зависят настройки сервера. Если в package.json указан @tanstack/react-start, ваш проект на TanStack Start. Если нет, это более старый проект на React + Vite. Новые проекты начинаются на TanStack Start.

СтекЧто работает на сервереНастройки Coolify
TanStack StartСервер Node.js для страниц с серверной отрисовкой, серверных функций и маршрутов APIПеременная сборки NITRO_PRESET=node-server, Start command node .output/server/index.mjs, порт 3000. В package.json должен быть указан nitro.
React + ViteСтатические файлы в dist/Output type Static site, Publish directory /dist. Задайте Site type значение SPA на странице General, чтобы вложенные страницы не отдавали 404 при обновлении.

Статическая сборка Vite — один из типов проектов, которые мы запускали через Coolify на настоящем сервере. Значения для TanStack Start взяты из документации самого Lovable, где рекомендуется Node 22.

Шаг за шагом

  1. Закажите сервер на странице Next.js VPS. Несмотря на название, он поставляется с Coolify, который развёртывает куда больше, чем Next.js.
  2. Клонируйте репозиторий и откройте папку в инструменте для кода, например в Claude Code или Cursor.
  3. Скопируйте строку Вставьте в свой ИИ-инструмент на вкладке Обзор своей панели Seturack и вставьте её в этот инструмент, который затем выполнит развёртывание. Не вставляйте её в чат Lovable. В ней есть ключ API, а Lovable не может ничего запускать за пределами собственного предпросмотра.
  4. Передайте инструменту нужные переменные окружения, которые зависят от выбранного ниже варианта бэкенда.
  5. Когда придёт адрес HTTPS, проверьте его. Обновите вложенную страницу, войдите и выйдите, попробуйте запись и загрузку. Если вход не срабатывает на перенаправлении, добавьте новый адрес в разрешённые URL перенаправления.
  6. Направьте A-запись домена на IP-адрес сервера и сообщите инструменту доменное имя. Сертификат выдаётся автоматически.
  7. Попросите инструмент разворачивать при каждом пуше. Правки Lovable попадают в репозиторий, поэтому каждая запускает сборку.

Как сделать это вручную, описано в руководстве по Next.js. Доступ root у вас есть, и при желании всем можно управлять из панели. Ваш адрес lovable.app продолжает отдавать версию, которую вы опубликовали там в последний раз.

Где живёт бэкенд?

Остаться на встроенном бэкенде

Переезжает только сайт, поэтому работы меньше всего. Задайте VITE_SUPABASE_URL и VITE_SUPABASE_PUBLISHABLE_KEY до сборки. TanStack Start также нужны SUPABASE_URL и SUPABASE_PUBLISHABLE_KEY для серверного кода. Эти значения лежат в файле .env репозитория, а вот секреты, которые читают ваши серверные функции, там не лежат. Функции ИИ и коннекторы продолжают работать и продолжают расходовать ваши кредиты Lovable.

Запустить Supabase на своём сервере

Lovable называет два варианта для своего встроенного бэкенда: управляемый Supabase и Supabase на собственном сервере. Одного переноса PostgreSQL недостаточно, потому что нужно перенести также вход, хранилище, realtime и Edge Functions. Supabase VPS даёт всё это на отдельном сервере. В документации Supabase требуется не менее 4 ГБ RAM, 2 ядер и 40 ГБ диска.

  1. Создайте структуру, выполнив файлы в supabase/migrations/ в порядке дат.
  2. Перенесите данные. Откройте More, Database, Manage, Settings и нажмите Export data, затем загрузите архив PostgreSQL, сжатый zstd, через pg_restore с поддержкой zstd на порту 5432. Учётные записи пользователей включены, и все входят заново. Сначала попробуйте это на тестовой установке.
  3. Скачайте файлы из More, Storage и загрузите их в Studio в бакеты с теми же именами.
  4. Скопируйте supabase/functions/ в volumes/functions/ на сервере, задайте их секреты и перезапустите службу функций.
  5. Настройте провайдеров входа, SITE_URL и ADDITIONAL_REDIRECT_URLS.
  6. На сайте задайте VITE_SUPABASE_URL как адрес вашего сервера Supabase, укажите публикуемый ключ и пересоберите.

Вызовы ИИ и коннекторов, идущие через Lovable, придётся перенести на аккаунты у ваших собственных провайдеров. Обновления и мониторинг становятся вашей заботой, а Lovable не может отлаживать инфраструктуру, которую не контролирует.

Использовать проект в собственном аккаунте Supabase

Если вы подключили собственный аккаунт Supabase, бэкенд уже живёт вне Lovable, поэтому нужно лишь задать адреса. Чтобы перенести его на свой сервер, шаги с supabase db dump приведены в руководстве Supabase по восстановлению.

Частые вопросы

Сколько RAM нужно приложению Lovable?

На странице продажи рекомендуется минимум 4 ГБ RAM, 2 vCore и 40 ГБ диска. Эта цифра взята из сборки: крупный проект Next.js с 85 пакетами на 2 ГБ упёрся в нехватку памяти и собрался на 4 ГБ. Если сборке не хватает памяти, увеличьте сервер из панели.

Сколько это будет стоить в месяц?

Рекомендуемый минимальный размер стоит около $6 в месяц (включая НДС), а за пределами Турции вы платите в долларах США. Ежедневные бэкапы входят в цену, а трафик безлимитный. Второй сервер для Supabase оплачивается отдельно. Экспорт кода не отменяет вашу подписку на Lovable и использование Cloud.

Как отвязать домен от Lovable?

Сначала всё проверьте на временном адресе. Затем направьте A-запись на IP-адрес сервера, добавьте домен в приложение и разверните заново. Чтобы убрать адрес lovable.app, снимите проект с публикации в Lovable.

Как обновлять сайт после запуска?

Продолжайте работать в Lovable или в своём инструменте для кода. Каждое изменение попадает в синхронизируемую ветку, а при настроенном вебхуке сервер её собирает. Чтобы держать незаконченную работу вне сайта, пусть Lovable работает в отдельной ветке, а вы сливаете её, когда всё готово.

Переезжает ли база данных вместе с кодом?

Нет. Git sync и zip содержат исходные файлы и файлы, описывающие структуру базы данных. Записи и загруженные файлы экспортируются отдельно, поэтому проверьте их на новом месте, прежде чем отказываться от старого бэкенда.

Готовое решение на Seturack: Next.js, Coolify, Supabase.

Комментарии0

Комментариев пока нет

Поделитесь своим мнением первым.

Присоединяйтесь к обсуждению

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

Не пропускайте новые записи

Получайте наши свежие инструкции, руководства и новости продукта на почту.

Вы подписались на нашу рассылку.