Vercel에 배포하는 것은 매우 쉽지만 배포 중에 고려해야 할 몇 가지 설정이 있다는 점을 이해하세요.

전제조건

• NestJS 프로젝트가 PostgreSQL을 사용하여 개발 환경에서 로컬로 연결되어 제대로 작동합니다.
• 배포용 Vercel 계정
• Supabase 계정(여기에서 PostgreSQL 데이터베이스를 설정합니다)

NestJS 앱을 배포할 준비가 되었음을 고려하여 Supabase 설정부터 시작하겠습니다.

하위베이스 계정

Supabase는 PostgreSQL 데이터베이스를 완벽하게 지원하고 원활하게 구성하는 오픈소스 Firebase 대안이며 인증, 저장 등과 같은 추가 기능도 제공합니다.

Supabase에서 새 계정을 설정하고 해당 계정에서 새 프로젝트를 만듭니다.

설정이 완료되면 홈 페이지에서 연결 버튼을 클릭하세요. 그러면 DB를 프로젝트에 연결하기 위한 다양한 옵션이 표시됩니다

제공된 자격 증명을 사용하여 로컬 연결을 테스트하여 모든 것이 완벽하게 작동하는지 확인하세요.

참고: 자격 증명이 노출되지 않고 .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를 제거합니다.

새 배포를 실행하면 그게 전부입니다.

즐거운 코딩 되세요! ?