はじめに

AWS Amplify は、フロントエンドアプリを素早くデプロイできる便利なホスティングサービスです。

今回は、Amplify でデプロイしたアプリ（簡単なHello World！）に対して、カスタムドメインを追加する方法についてまとめます。

参考文献

個人のまとめ記事となっておりますが、温かい目で見守っていただければ幸いです。

書こうと思ったきっかけ

個人的にずっと使ってみたいと思っていたサービスだったのですが、実際には触れたことがなかったため、休みの日を利用して手を動かしながらキャッチアップしてみました。

前回の記事で簡単にデプロイすることができたので、今回はその長いURLを独自ドメインに紐付けてブラウザからアクセスすることをゴールとしています。

前回の記事の続きになります！

以下の URL を、お名前.com で購入した独自ドメインに紐付けていきます。

ドメインの設定方法はこちら

私の環境では、こんな感じで削除しています

※今回は、Amplify マネージド証明書を使いました。

こんな感じです

こんな感じでステータスが「使用可能」となっています

404エラーが出る場合は、ルートディレクトリ設定や DNS の伝播状況を再確認してみてください！

最後まで読んでいただき、ありがとうございました！
Amplify にカスタムドメインを追加することで、本番デプロイまでとてもスムーズに進められることを実感しました。

特に Route 53 を使っている場合は、設定がさらに簡単になるので、ぜひ一度試してみてください。この週末は、Amplify に感動しながら触れていて、とても充実した時間を過ごせました…！