Як розгорнути проєкт v0 на власному сервері
Щоб розгорнути проєкт v0 на власному сервері, підключіть його до GitHub у налаштуваннях v0, скопіюйте його змінні середовища й передайте репозиторій панелі Coolify на сервері. v0 за замовчуванням генерує Next.js, а Next.js підтримує всі свої можливості на сервері Node.js. У документації v0 також сказано, що код можна експортувати й розгорнути деінде.
У вас звичайний проєкт Next.js із React, TypeScript, Tailwind і shadcn/ui, а Next.js — тип проєкту, який ми найбільше тестували з Coolify на справжньому сервері. Уваги потребують дві речі: як v0 використовує гілки та змінні, які додають його інтеграції.
Як забрати код із v0?
- У проєкті відкрийте Project menu (
...), перейдіть у Settings і GitHub, потім натисніть Connect. - У Git Scope оберіть обліковий запис, якому належатиме репозиторій, і заповніть Repository Name.
- Натисніть 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, якщо хочете оновити лише сервер.
- Лишайте роботу в гілці, поки експериментуєте, і ваш сервер це не зачепить.
Крок за кроком
- Оберіть розмір на сторінці Next.js VPS і замовте сервер.
- У v0 запишіть назви змінних у Project menu, Settings, Environment Variables. Інтеграції додають туди власні. Значення, яких не видно, візьміть із панелі відповідного сервісу.
- Клонуйте репозиторій командою
git cloneі відкрийте теку в інструменті для кодування, як-от Claude Code чи Cursor. - Скопіюйте рядок Вставте у свій інструмент ШІ з вкладки Огляд своєї панелі Seturack, вставте його та вкажіть змінні. Інструмент прочитає інструкції та розгорне, додавши ключ розгортання лише для читання до приватного репозиторію.
- Коли з’явиться адреса HTTPS, перевірте сторінки, вхід і запис даних.
- Спрямуйте запис A на IP-адресу сервера й повідомте інструменту доменне ім’я. Сертифікат випускається автоматично.
- Попросіть інструмент розгортати після кожного 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.
Коментарі0
Коментарів поки немає
Поділіться своєю думкою першим.
Будь ласка, увійдіть або зареєструйтеся, щоб залишити коментар.