Next.js 정적 생성과 Cloudflare Pages 기반의 제로 서버 비용 아키텍처 구현

Context

수십 개의 PDF에 분산된 캐나다 연방 정부 급여 데이터를 통합하여 조회하는 시스템 필요성 대두. 기존 정부 사이트의 분류 체계 부재로 인한 데이터 접근성 저하 및 비교 분석의 어려움 발생.

Technical Solution

• PDF 기반의 비정형 데이터를 단일 TypeScript 데이터 파일로 구조화한 데이터 파이프라인 구축
• 서버 런타임 비용 제거를 위한 Next.js Static Export 기반의 정적 웹사이트 설계
• Cloudflare Pages 무료 티어를 활용한 GitHub 자동 배포 파이프라인 구축으로 인프라 운영 비용 제로화
• Occupation schema 기반의 Structured Data 적용을 통한 검색 엔진 최적화
• 700개 이상의 페이지를 SSG(Static Site Generation)로 사전 생성하여 요청 즉시 응답하는 Low Latency 구현
• 동적 OG Image 생성 로직을 통한 소셜 공유 시의 정보 전달력 강화

Impact

• 월간 15,000 ~ 20,000회의 Pageviews 달성
• 700개 이상의 정적 페이지 생성 통한 SEO 효율 극대화

Key Takeaway

데이터의 갱신 주기와 정적 특성을 분석하여 서버리스 정적 호스팅으로 인프라 복잡도를 최소화한 실용적 설계 사례.