s3
cloudfront
route53아키텍처 다이어그램
개요
HTML/CSS/JS 파일만으로 구성된 사이트를 서버 없이 운영하는 패턴입니다. Next.js의 정적 빌드 결과물이나 React SPA를 이 구조로 배포할 수 있어요.
구성
- S3 — 빌드된 파일(HTML, CSS, JS, 이미지)을 저장
- CloudFront — 전 세계 CDN으로 빠르게 전달 + HTTPS
- Route 53 — 커스텀 도메인 연결
장점
- 서버 관리 불필요
- 월 비용 $1 미만 가능 (트래픽 적을 경우)
- 글로벌 CDN으로 어디서나 빠름
- 자동 HTTPS (ACM 무료 인증서)
주의사항
- 서버 사이드 로직 불가 (API 필요 시 Lambda 추가)
- SPA의 경우 CloudFront에서 404 → index.html 리다이렉트 설정 필요