Jump to content

Vercel

Мы рекомендуем развертывать ваше приложение на Vercel. Он позволяет очень легко развертывать Next.js приложения.

Конфигурация проекта

Скорее всего Vercel настроит вашу команду сборки и каталог публикации автоматически. Однако вы также можете уточнить эту информацию вместе с другими конфигурациями, создав файл vercel.json и включив в него следующие команды. В большинстве проектов это делать необязательно.

{
  "buildCommand": "npm run build",
  "outputDirectory": "dist",
  "devCommand": "npm run dev",
  "installCommand": "npm install"
}

Использование Vercel Dashboard

  1. После отправки вашего кода в репозиторий GitHub зарегистрируйтесь на Vercel с GitHub и нажмите Add New Project.

Новый проект на Vercel

  1. Импортируйте репозиторий GitHub с вашим проектом.

Импортируйте репозитоpий

  1. Добавьте ваши переменные среды.

Добавьте ваши переменные среды

  1. Нажмите Deploy. Теперь каждый раз, когда вы отправляете изменение в ваш репозиторий, Vercel автоматически переразвернет ваше приложение!

Использование Vercel CLI

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

npm i -g vercel

Запустите команду vercel, чтобы развернуть ваш проект.

vercel

Добавьте --env DATABASE_URL=YOUR_DATABASE_URL_HERE для переменных среды, таких как строка подключения к базе данных. Используйте --yes, если хотите пропустить вопросы развертывания и дать ответ по умолчанию для каждого.

vercel --env DATABASE_URL=YOUR_DATABASE_URL_HERE --yes

После первого развертывания эта команда развернет изменения в ветку предварительного просмотра. Вам нужно будет включить --prod, чтобы отправить изменения напрямую на сайт в продакшене для будущих развертываний.

vercel --prod