🌐 004

Portfolio Site

AstroSSRCloudFrontLambda

Overview

Dynamic site combining Astro SSR with API Gateway + AWS Lambda. CloudFront as CDN, static assets served from S3. Nearly $0/month operation cost. Bilingual Japanese/English support.

Architecture

Portfolio Site architecture diagram

Key Implementation Points

  • Resolved 403 block on Lambda Function URL caused by Organizations SCP by switching to API Gateway HTTP API
  • CloudFront routes static assets (JS/CSS/images) directly from S3; only SSR requests hit Lambda
  • Server-side parallel RSS fetching from Zenn and note for real-time article display
  • Single codebase manages both Japanese and English via i18n routing

Tech Stack

Lambda
API Gateway
CloudFront
S3
CloudFormation
View Code Back to Projects