Як розмістити застосунок Lovable на власному сервері

Щоб розмістити застосунок Lovable на власному сервері, синхронізуйте проєкт з GitHub через Git sync у Lovable, підключіть репозиторій до панелі Coolify на сервері, задайте змінні середовища й спрямуйте на нього домен. Сам Lovable описує цей шлях у документації: код ваш і працює там, куди ви його поставите. Створювати застосунок у Lovable можна й далі, бо правки потрапляють у репозиторій, а сервер розгортає звідти.

Найважливіше рішення — бекенд, бо записи бази даних і завантажені файли не переїжджають разом із кодом.

Як забрати код із Lovable?

Який у вас проєкт?

Lovable будує проєкти на двох стеках, і від цього залежать налаштування сервера. Якщо в package.json є @tanstack/react-start, ваш проєкт — TanStack Start. Якщо ні, це старіший проєкт React + Vite. Нові проєкти починаються з TanStack Start.

Статична збірка 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, коли вона з’явиться. Оновіть вкладену сторінку, увійдіть і вийдіть, спробуйте запис і завантаження. Якщо вхід не вдається на перенаправленні, додайте нову адресу до дозволених адрес перенаправлення.
6. Спрямуйте запис A свого домену на IP-адресу сервера й повідомте інструменту доменне ім’я. Сертифікат випускається автоматично.
7. Попросіть інструмент розгортати після кожного push. Правки 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 із відновлення дає кроки з supabase db dump.

Поширені запитання

Скільки 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.