AWS
JAMstack (AWS Amplify + CloudFront)
AWS Amplify + CloudFront + S3 + Lambda@Edge の JAMstack 構成。Next.js / Nuxt / Gatsby などのフレームワークを使い、CI/CDパイプライン内蔵でフロントエンドをエッジ配信します。動的処理はLambda@Edgeで対応します。
アーキテクチャ構成図
GitHub / GitLab プッシュ
AWS Amplify CI/CD
ビルド・テスト・デプロイ
S3
静的ファイル格納
CloudFront
グローバルエッジキャッシュ
Lambda@Edge
SSR / A-Bテスト / 認証
API Gateway + Lambda
動的API
↑ リクエスト / データの流れ(上から下)
採用サービス構成
- ホスティング
- AWS Amplify Hosting
- CDN
- CloudFront
- ストレージ
- S3
- エッジ処理
- Lambda@Edge
代表的なユースケース
- ✓Next.js / Nuxt.js コーポレートサイト
- ✓マーケティングLP・ランディングページ
- ✓ドキュメントサイト・技術ブログ
- ✓GitHub連携の自動プレビューデプロイ
このパターンを選ぶ判断基準
Next.js / Nuxt などの静的生成(SSG)フレームワークをCI/CD込みで素早く本番公開したい場合。フロントエンドチームがAWSインフラを意識せずにデプロイできます。