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