構成図

①AWS

AWS Amplify

・Next.jsで作成した、フロントエンドのSPAをホスティング
・GoogleアカウントでのSSOは、AmplifyやCognitoではなくアプリ内でAuth.jsを使用

ALB（Application Load Balancer）

・フロントエンド（Amplify）とバックエンド（EC2）を仲介

ACM（Certificate Manager）

・ALBに適用している証明書を管理

EC2

・SpringBootで作成した、バックエンドのアプリが稼働
・Postgresqlも稼働

S3

・記事のコンテンツの画像や、サムネイル画像を保存
・オブジェクトURLを使って、ブラウザからアクセスされる

②Github

・バックエンド（SpringBoot）のリポジトリで、GithubActionsによるオートビルド、EC2へのSSH接続でオートデプロイ
・フロントエンド（Next.js）のリポジトリとAmplifyとの連携により、オードビルド・デプロイ
・Netlifyと連携

③Netlify

・ドメインのレコードの関係で、リダイレクト用途のみで利用