CloudFront x S3で静的サイトをデプロイする方法を紹介する記事まとめ

はじめに練習で作成した静的サイトを本番環境にデプロイしたくなる時ありますよね。手軽に実施するなら「 GitHub Pages」「Vercel」などがありますが、AWSに触れたいこともあり今回はS3 + CloudFrontでデプロイする方法を調査しました。原理が分かった上で上記方法＋AWS Amplifyを利用していく予定です。
そこで備忘録的にもこの方法の進め方をまとめておきます。最低限デプロイ