⛳

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上のサービスを接続するようなことを試してみたいと思います。

「ワークスタイルの未来を切り拓く」を理念に掲げ、リアルとデジタルの2つの働く場に向けた事業展開に留まらず、自社が率先して新しいワークスタイルに挑戦し、発信を行うことでワークスタイルの未来を切り拓いていきます。