Блог

Інструкції, посібники й новини про продукт.

Розробникам

Як розгорнути проєкт v0 на власному сервері

2 листопада 2026 5 хв читання
Поділитися записом

Щоб розгорнути проєкт v0 на власному сервері, підключіть його до GitHub у налаштуваннях v0, скопіюйте його змінні середовища й передайте репозиторій панелі Coolify на сервері. v0 за замовчуванням генерує Next.js, а Next.js підтримує всі свої можливості на сервері Node.js. У документації v0 також сказано, що код можна експортувати й розгорнути деінде.

У вас звичайний проєкт Next.js із React, TypeScript, Tailwind і shadcn/ui, а Next.js — тип проєкту, який ми найбільше тестували з Coolify на справжньому сервері. Уваги потребують дві речі: як v0 використовує гілки та змінні, які додають його інтеграції.

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

  1. У проєкті відкрийте Project menu (...), перейдіть у Settings і GitHub, потім натисніть Connect.
  2. У Git Scope оберіть обліковий запис, якому належатиме репозиторій, і заповніть Repository Name.
  3. Натисніть Create Repository. v0 створює приватний репозиторій і надсилає в нього поточний код.

За документацією v0, цей репозиторій тепер є джерелом істини, тож його видалення може призвести до втрати коду. Якщо вам потрібні лише кілька файлів, Download file на вкладці Code зберігає відкритий файл. Для всього проєкту найчистіший шлях — GitHub.

Чому гілки мають значення?

v0 ніколи не пише напряму в main. Кожен чат створює робочу гілку на кшталт v0/main-abc123, згенерований код потрапляє туди, а в main — через pull request. Ваш сервер стежить за main, тож правило просте: те, що злито, іде в роботу.

  • Щоб оновити сервер, злийте pull request робочої гілки на GitHub.
  • Кнопка Publish у v0 теж зливає pull request, але ще й запускає власне розгортання v0. Зливайте на GitHub, якщо хочете оновити лише сервер.
  • Лишайте роботу в гілці, поки експериментуєте, і ваш сервер це не зачепить.

Крок за кроком

  1. Оберіть розмір на сторінці Next.js VPS і замовте сервер.
  2. У v0 запишіть назви змінних у Project menu, Settings, Environment Variables. Інтеграції додають туди власні. Значення, яких не видно, візьміть із панелі відповідного сервісу.
  3. Клонуйте репозиторій командою git clone і відкрийте теку в інструменті для кодування, як-от Claude Code чи Cursor.
  4. Скопіюйте рядок Вставте у свій інструмент ШІ з вкладки Огляд своєї панелі Seturack, вставте його та вкажіть змінні. Інструмент прочитає інструкції та розгорне, додавши ключ розгортання лише для читання до приватного репозиторію.
  5. Коли з’явиться адреса HTTPS, перевірте сторінки, вхід і запис даних.
  6. Спрямуйте запис A на IP-адресу сервера й повідомте інструменту доменне ім’я. Сертифікат випускається автоматично.
  7. Попросіть інструмент розгортати після кожного push. Тоді кожна зміна, злита в main, збиратиметься на сервері.

Кроки, як зробити це вручну, описано в нашому посібнику з Next.js. Root-доступ у вас є, і якщо хочете, усім можна керувати з панелі.

Дві деталі про змінні

Змінні, що починаються з NEXT_PUBLIC_, записуються в код для браузера під час збірки, тож залишайте їх доступними під час збірки в Coolify і розгортайте знову, коли якась із них змінюється. Ніколи не давайте цей префікс ключам моделей чи платежів. Якщо в коді є localhost або адреса попереднього перегляду v0, замініть її на власну.

Що працює на вашому сервері, а що змінюється?

ЧастинаСтанЩо робити
Серверні компоненти, маршрути API, серверні діїПрацюють із next startНічого
next/imageУ документації Next.js сказано, що налаштування не потрібнеЗображення обробляються на вашому сервері, тож якщо їх багато, стежте за розміром
Кешування та ISRПрацюють самі на одному сервері з локальним дискомКілька копій мали б ділити кеш
Компонент аналітикиСпирається на маршрути, специфічні для платформи розробникаПриберіть його та скористайтеся власною аналітикою
Інтеграції баз данихОкремі служби, доступні за адресою та ключемПеренесіть змінні. Якщо оплата йде через обліковий запис розробника, заберіть свої дані, перш ніж його закривати
Інтеграція файлового сховищаДоступне з іншого сервера за токеном читання й записуЗадайте токен або перенесіть файли на свій сервер

Перегляньте package.json, щоб знайти пакети, прив’язані до платформи, або запитайте свій інструмент для кодування: «Що в цьому проєкті залежить від конкретної хостинг-платформи?»

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

Скільки RAM потрібно проєкту v0?

У Next.js вимоги визначає збірка. Малий проєкт зібрався на 2 ГБ, а великий із 85 пакетами вичерпав пам’ять на 2 ГБ і зібрався на 4 ГБ. Тому сторінка продажу радить щонайменше 4 ГБ RAM, 2 vCore і 40 ГБ диска. Якщо збірка не вдається, збільште сервер у панелі.

Скільки це коштує на місяць?

Рекомендований мінімальний розмір коштує близько $6 на місяць (ПДВ включено), а за межами Туреччини ви платите в доларах США. Щоденні резервні копії входять у ціну, а трафік необмежений. Щоб порівняти це з хостингом із оплатою за використання, дивіться як порахувати за власними цифрами. Підписка на v0 — окрема.

Як підключити свій домен?

Спрямуйте запис A на IP-адресу сервера, додайте домен до застосунку й розгорніть знову. Сертифікат випускається автоматично. Запис описано в нашій довідковій статті. Якщо домен нині працює деінде, спершу перевірте на тимчасовій адресі, а запис перемикайте наостанок.

Чи можу я й далі працювати у v0?

Так. Поки репозиторій підключений, v0 і далі пише в робочі гілки, а ваш сервер оновлюється, коли ви зливаєте зміни. У тому самому репозиторії можна працювати й із Cursor чи Claude Code, як описано в документації v0.

Чи можу я перенести базу даних на свій сервер?

Так. Для проєкту на PostgreSQL можна створити базу даних у Coolify на тому самому сервері та завантажити дані, і вона буде закрита ззовні. Якщо проєкт використовує Supabase, вам знадобляться й її служби входу та файлів, тож краще підійде Supabase VPS.

Готове до роботи в Seturack: Next.js, Coolify.

Коментарі0

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

Поділіться своєю думкою першим.

Долучайтеся до обговорення

Будь ласка, увійдіть або зареєструйтеся, щоб залишити коментар.

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

Отримуйте наші свіжі інструкції, посібники та новини продукту на пошту.

Ви підписалися на нашу розсилку.