Vercel へのデプロイは非常に簡単ですが、デプロイ中に考慮する必要があるセットアップがいくつかあることを理解してください。

前提条件

• NestJS プロジェクトが PostgreSQL を使用した開発環境でローカルに接続され、適切に動作しています
• 展開用の Vercel アカウント
• Supabase アカウント (ここで PostgreSQL データベースをセットアップします)

NestJS アプリをデプロイする準備ができていることを考慮して、Supabase のセットアップから始めましょう。

スーパーベースアカウント

Supabase は、PostgreSQL データベースの完全なサポートとシームレスな構成を備えたオープンソースの Firebase の代替品であり、認証やストレージなどの追加機能も提供します。

Supabase に新しいアカウントを設定し、そのアカウント内に新しいプロジェクトを作成します。

セットアップが完了したら、ホームページの接続ボタンをクリックします。これにより、DB をプロジェクトに接続するためのさまざまなオプションが表示されます

提供された認証情報を使用してローカルで接続をテストし、すべてが完全に正常に動作していることを確認します。

注: 資格情報が公開されず、.env ファイルに保存されていないことを確認してください (これについてはすでにご存知だと思います?)

次に、Vercel アカウントを設定してプロジェクトをデプロイしましょう

ヴェルセル

通常、Vercel は主にフロントエンド アプリのデプロイに使用されることが知られていますが、バックエンド プロジェクトのデプロイにも使用できます。

追記: バックエンド展開の中規模から大規模なプロジェクトに取り組んでいる場合は、代わりに適切なサービス プロバイダーを使用してください。

Vercel アカウントで新しいプロジェクトを作成し、Git リポジトリに接続します。 .env ファイルをインポートし、Deploy ボタンをクリックします。

ほら、それだけです ???.
...

発生する可能性のある一般的な問題

# エラー: 「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.

新しいデプロイメントを実行するだけです。

コーディングを楽しんでください! ?