JS 번들 40-60% 절감한 File-based CMS 및 Server Components 설계

Context

전통적인 Headless CMS 도입 시 발생하는 인프라 복잡도와 운영 비용 부담을 해결해야 하는 상황. Client-side Rendering 기반 블로그의 과도한 JavaScript 번들 크기로 인한 초기 로딩 속도 저하와 저사양 기기의 실행 성능 병목 발생.

Technical Solution

• Database 대신 Filesystem을 Primary Store로 활용하여 외부 서비스 의존성 및 인프라 비용 제거
• Markdown/MDX 파일을 기반으로 한 Content-as-Code 구조 채택을 통한 버전 관리 및 이식성 확보
• Next.js Server Components 적용으로 클라이언트측 React 컴포넌트 트리와 상태 관리 코드 제거
• generateStaticParams 함수를 통한 Build-time Static Site Generation 구현으로 요청 시 서버 연산 제로화
• 파일 기반 라우팅과 통합된 자동 감지 로직을 통해 별도 배포 공정 없는 Content Pipeline 구축