Cloudflare Workers 기반 정적 export로 구축한 비용 0달러의 고성능 인프라

I built a dev review site in 2 weeks — here's the stack, the rejections, and what I'd do differently

Muhammad Akbar2026년 5월 13일6분beginner

AI 요약

Context

저비용 SaaS 스택 정보를 제공하는 에디토리얼 사이트 구축 과정에서 상업적 이용 제한이 있는 Vercel Hobby 티어의 제약 확인. 동적 런타임의 불필요한 복잡성과 어댑터 설정으로 인한 배포 병목 현상 발생.

Technical Solution

Vercel 대비 상업적 이용이 자유롭고 60% 지역에서 First-byte latency가 우수한 Cloudflare Workers Static Assets 채택
OpenNext adapter의 동적 라우팅 404 오류를 해결하기 위해 output: "export" 기반의 완전 정적 추출 방식으로 전환
동적 OG 이미지 생성을 포기하고 1200x420 PNG 사전 생성 방식으로 변경하여 런타임 복잡성 제거
단일 tools.ts 레지스트리 파일에 데이터 구조를 정의하여 70여 개 도구의 가격 및 제휴 링크를 중앙 집중식으로 관리
데이터 중심의 구조 설계를 통해 단일 항목 수정으로 11개 관련 페이지에 변경 사항을 즉시 반영하는 동기화 메커니즘 구현

Impact

호스팅 비용 0 USD 달성
Lighthouse 모든 지표 100/100/100/100 기록
런타임 어댑터 제거를 통해 디버깅 및 설정 시간 2일 단축

실천 포인트

- 사용자별 상태나 요청별 로직이 없는 사이트는 Adapter 없이 Static Export 우선 검토 - 데이터 수정 빈도가 높은 콘텐츠는 CMS 도입 전 단일 소스 기반의 Typed Registry 구조 설계 - 외부 API 의존성이 높은 기능(OG 이미지 등)은 사전 생성(Pre-generation)으로 대체하여 인프라 단순화

태그

#Cloudflare Workers #Static Export #Infrastructure #Next.js #Edge-Runtime

원문 읽기