- NodeJS (v17.5+)
- yarn
- Prisma CLI
フロントエンドは認証のために NextAuth を利用しています。プラットフォームの要件に基づいて 認証プロバイダー を更新してください。
# セットアップのために
$ yarn install
# .envをコピーする
$ cp .env.example .env.local
# 本番用に実行する場合、.env.productionを使用
$ cp .env.example .env.production
💡 フロントエンドを実行する前に、バックエンドが既に動作していることを確認してください！
これらのコマンドを実行する必要はありません。詳細は このセクション を参照してください。 開発用にローカルで実行する場合、注意すべきいくつかの点があります：
- Prismaスキーマがバックエンドと常に同期していることを確認してください。これを行うには、
npm run generateを実行してください。 - 以下のコマンドを実行して開始します。
# 開発モード
$ yarn dev -p 3001これらのコマンドを実行する必要はありません。詳細は このセクション を参照してください。 このアプリケーションを本番環境にデプロイする場合、セットアップは少し簡単ですが、注意すべきいくつかの点があります：
.env.productionがセットアップされていることを確認してください。これはdocker-compose.ymlファイルによって使用されます。next.config.jsは画像ファイルがホストされているドメインとホスト名を含むべきです。
# 本番モード
$ yarn build && yarn startフロントエンドは NextAuth を利用して
おり、バックエンドとスキーマ依存関係を共有しています。Prismaスキーマがローカルで常に同期していることを確実にするために、バックエンドで npm run generate を実行してください。これにより、ここにスキーマがコピーされ、Prisma generateが実行されます。これはローカル開発のためだけに必要です。本番環境のセットアップが最新のスキーマを使用するように、これをコミットしてください。
このアプリをデプロイする最も簡単な方法は、Next.js の創設者が提供する Vercel Platform を使用することです。
詳細については、Next.js のデプロイメントドキュメントを確認してください。ただし、バックエンドとの連携を確実にするためには、もっと多くのセットアップが必要です。