非エンジニアがAWSでポートフォリオサイト作ったら、初歩的な部分でミスった話

はじめに

初めまして、凡人と申します。
今回は自分の学習も兼ねて、AWSでポートフォリオサイトを公開しようと思い立ちました。

やったこと

S3にサイトのファイルを置いて、CloudFrontで配信するような設計にしました（なるべく料金を抑えたかったため）
codexに教わりながら進めました。

詰まったポイント

<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
</Error>

出た瞬間に「なんだこれ」となり、３０分待ってもこの表示が治りませんでした。
何が原因なのか追求すべく、まずOACの設定を疑いました。しかし確認したけど問題なし。
オリジンのドメイン形式を疑った→確認したけど問題なし
デフォルトルートオブジェクトを疑った→確認したけど問題なし
そして、最後にS3バケットの中身を見たら空でした。
初歩的ミスすぎました。

原因と解決

今回はS3バケットにポートフォリオ用のhtml,cssをアップロードしたらすぐに治りました。

今回の気付き

複雑な設定を疑う前に、まず基本（ファイルあるか）を確認する大事さを学びました。
そしてAWS内部の構造も知ることができました。

終わりに

同じくAccessDeniedで詰まってる人へのチェックリスト（箇条書きで、①OAC設定 ②バケットポリシー ③オリジンのURL形式 ④デフォルトルートオブジェクト ⑤バケットの中身、を並べるとかなり実用的な記事になる）

ポートフォリオサイトです。よければチェックしてみてください。
また、何か改善点やここ違うよって部分がありましたらコメント頂けますと幸いです！