ポートフォリオサイト

概要

AstroのSSRモードとAPI Gateway + AWS Lambdaを組み合わせた動的サイト。CloudFrontをCDNとして使用し、静的アセットはS3から配信。月額ほぼ$0の低コスト運用を実現。日英2言語対応。

全体構成図

実装のポイント

• Organizations SCPによりLambda Function URLが403ブロックされる問題をAPI Gateway HTTP APIへの切り替えで解決
• CloudFrontで静的アセット（JS/CSS/画像）はS3から直接配信し、SSRリクエストのみLambdaへルーティング
• Zenn・note両方のRSSをサーバーサイドで並列取得し、最新記事をリアルタイム表示
• i18n設計で日本語・英語の2言語を単一コードベースで管理

使用技術