Блог

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

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

Как развернуть проект 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. Попросите инструмент разворачивать при каждом пуше. Тогда каждое изменение, слитое в 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

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

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

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

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

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

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

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