Terraform, Nuxt(SPA)+Amplify, CloudFront+S3で閲覧制限付きのサイトを作った話(サンプル付き)

概要 IP制限をかけた事業者用webアプリを作ったので、技術選定の背景やハマりどころ、細かいtipsをまとめました。少しでも参考になれば幸いです。 技術スタック: アプリケーション: Nuxt(SPA), Amplifyライブラリ インフラ: Terraformで管理。(主に)CloudFront & S3の構成 セキュリティ要件: IP制限を行い、事業者のIPからしかアクセスできないこと ipass認証を挟み、事業者しかログインできないこと 前提: フロントエンドから利用するAPIは別途用意されており、事業者のIPからのみ利用できるようになっています。(詳細は割愛します。) サンプルGitHub Repository サンプル用のRepositoryを作ったので参考にしてみてください。 詳細 インフラアーキテクチャ CloudFront+S3 悩み Amplify Hostingを使うか