Nuxt3 + Contentfulでブログを作る (2. S3+CloudFrontへデプロイ編)
2023年9月16日

環境情報

Ubuntu: 20.04.6 LTS
Node: 18.15.0
Nuxt: 3.6.0
Contentful JavaScript SDK: 10.3.1

構成図

最終的な構成は以下のようになる。GitHub Actionsを用いて、SSGによるビルドからS3へのデプロイまでを自動化することを目指すが、今回は手動でS3にアップロードしインターネットからアクセスできるようになることを確認するところまで。 blog architecture

S3

S3バケットの設定

S3バケットへアップロード

CloudFront

CloudFrontの設定