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

Предварительные условия

• Проект NestJS подключен и правильно работает локально в среде разработки с PostgreSQL
• Учетная запись Vercel для развертывания
• Учетная запись Supabase (здесь мы будем настраивать нашу базу данных PostgreSQL)

Давайте начнем с настройки Supabase, учитывая, что ваше приложение NestJS готово к развертыванию.

Супабазовая учетная запись

Supabase — это альтернатива Firebase с открытым исходным кодом, которая обеспечивает полную поддержку и плавную настройку вашей базы данных PostgreSQL, а также предоставляет дополнительные функции, такие как аутентификация, хранение и т. д.

Настройте новую учетную запись в Supabase и создайте в ней новый проект.

После завершения настройки нажмите кнопку подключиться на Главной странице. Это покажет вам различные варианты подключения БД к вашему проекту

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

ПРИМЕЧАНИЕ. Убедитесь, что учетные данные не раскрыты и не сохранены в вашем файле .env (думаю, вы это уже знаете?)

Далее давайте настроим нашу учетную запись Vercel и развернем проект

Версель

Как правило, Vercel в основном используется для развертывания интерфейсных приложений, однако его также можно использовать для развертывания серверных проектов.

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

В своей учетной записи Vercel создайте новый проект и подключитесь к своему репозиторию Git. Импортируйте файл .env и нажмите кнопку Развернуть.

Вуаля, всё ???.
...

Часто встречающиеся проблемы

# Ошибка: нет выходного каталога с именем «public».

Это распространенная ошибка, поскольку Vercel необходимо знать ваш выходной каталог во время процесса сборки. Чтобы это исправить, просто добавьте файл versel.json и скопируйте его:

{
  "version": 2,

  "builds": [
    {
      "src": "src/main.ts",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "src/main.ts",
      "methods": ["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS"]
    }
  ]
} 

Запустите развертывание еще раз и все

...

# Ошибка: эта бессерверная функция завершилась сбоем

В моем случае это произошло из-за ошибки «модуль не найден»

...
Есть несколько способов решить эту проблему:

Способ 1 (замените весь импорт относительным путем)

От

import { UsersService } from 'src/users/users.service';

к

import { UsersService } from '../users/users.service';

...

Способ 2 (измените файл vercel.json и файл .gitignore)

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

Итак, измените vercel.json на это

{
  "version": 2,

  "builds": [
    {
      "src": "dist/main.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "dist/main.js",
      "methods": ["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS"]
    }
  ]
}

Перейдите к файлу .gitignore и удалите /dist.

Запустите новое развертывание и все.

Удачного программирования! ?