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 із вашим проектом.

Імпортуйте репозиторій

  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