피드로 돌아가기
Building My Personal Website From Scratch: Tech Stack, Architecture, and Lessons Learned
Dev.toDev.to
Infrastructure

Single Source of Truth API와 2-Tier Caching 기반의 sub-100ms 응답 구현

Building My Personal Website From Scratch: Tech Stack, Architecture, and Lessons Learned

Shubham2026년 6월 27일4intermediate

Context

단순 템플릿 기반 포트폴리오의 한계를 넘어 확장 가능한 Production-grade 시스템 구축 필요성 대두. 여러 서브도메인(메인, CV 등)에서 동일한 데이터를 일관되게 유지하며 글로벌 지연 시간을 최소화하는 구조적 설계 요구.

Technical Solution

  • Decoupled Architecture 설계를 통한 Frontend와 Backend의 독립적 스케일링 및 유지보수 효율성 확보
  • Single Source of Truth 원칙에 따라 모든 프론트엔드가 하나의 Express API를 경유하는 데이터 흐름 설계
  • Redis 기반의 API Tier Caching을 통해 MongoDB Atlas로의 불필요한 쿼리를 차단하고 응답 속도 최적화
  • Next.js의 Time-based Revalidation을 활용한 Edge Network 레벨의 정적 페이지 캐싱 적용
  • Uptime Monitoring 핑을 Heartbeat로 활용하여 Managed Hosting의 Cold Start 문제 해결 및 인스턴스 활성 상태 유지
  • Cache Stacking으로 인한 데이터 불일치 해결을 위해 Redis DEL과 revalidatePath를 연동한 Webhook 파이프라인 설계

- 다중 캐시 계층 적용 시 TTL 설정 최적화 및 통합 무효화(Invalidation) 메커니즘 설계 여부 검토 - 서버리스/Managed 환경의 Cold Start 방지를 위한 Heartbeat 체크 로직 도입 고려 - 초기 설계 단계에서 YAGNI 원칙을 적용하여 과도한 마이크로서비스 분산 방지

원문 읽기