Open16
Next.js 13 アプリケーションを AWS Amplifyで簡単にデプロイができました
環境:
windows WSL2 Ubuntu-20.04
node:v20.0.0
noxt.js:13.4.6
Next.js 13でプロジェクトを作成し、Githubにリポジトリをpush
awsにログインして、AWS Amplifyを表示する。
使用を開始する
Amplifyホスティング
使用を開始するボタンを押す。
Amplify ホスティングの開始方法
GitHubを選択する
リポジトリブランチの追加
リポジトリとブランチを選択する。
ビルドの設定
デフォルトのまま
確認
保存してデプロイ
デプロイが成功すると、Amplify コンソールのアプリのページに移動します。
数分待ちます。
プロビジョン→構築→デプロイ のすべてにチェックマークがついたら完了です。
左下のウィンドウの絵の下に表示されているリンクをクリックすると、デプロイしたアプリが表示されます。
ドメイン名をカスタムドメインに変更します。
Amplify コンソール画面で
左ペインで「ドメインの管理」を選択
画面右上の「ドメインを追加」を押す
ドメインを選択して、「ドメインを設定」を押す
サブドメインの設定を行い、画面右下の保存ボタンを押す。
数分待ちます。
下記のような画面が表示されます。
カスタムドメイン欄に記載されたURLにアクセスします。
(Route 53に _914c CNAMEレコードが追加されている?)