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インフラを意識せずにデプロイできます。

このパターンで設計書を自動生成

要件を入力するだけで構成図・設計書・コスト見積もりを自動生成します。

無料で試す