⛳

Next.jsをApp Runnerにデプロイする（コンテナレジストリ）

2023/10/23に公開

はじめに

Next.jsをApp Runnerにデプロイする際、App RunnerはEOLを過ぎたNode16までのランタイムまでしかないため、ECRを使ったコンテナイメージでのデプロイが必要です。
そのため、今回はECRを使ったApp Runnerへのデプロイをやっていき、記事にしたいと思います。

ECRの画面から、コンテナイメージのURIをECRの画面からコピーして入力します。

ECRのイメージがプッシュされたら、自動でデプロイしてほしいので、「自動」を選択します。
「新しいサービスロールの作成」を選択します。

「サービス名」を変更します。
「ポート番号」を3000に変更します。
「環境変数」にHOSTNAMEに0.0.0.0を設定します。
それ以外は変更せず「次へ」をクリックします。

確認および作成画面で「作成とデプロイ」をクリックします。

以上でApp Runnerへのデプロイ完了です✨

App RunnerにNext.jsのプロジェクトをデプロイできました。
今後は、App RunnerからVPC上のサービスを接続するようなことを試してみたいと思います。

私達は『ワークスタイルの未来を切り拓く』という理念のもとワークフローの本質を追求し、新しいワークスタイルを提案するとともに、コラボスタイルが率先して時代に適したワークスタイルを常にバージョンアップし発信していきます。