Compile-time Data Extraction을 통한 Zero-DB 기반 고성능 블로그 설계

Context

기존 플랫폼의 제한적인 커스터마이징과 구독 모델의 제약을 극복하기 위한 자체 블로그 구축 필요성 대두. 런타임 시 파일 시스템 접근으로 인한 오버헤드와 데이터베이스 운영 비용 및 복잡성을 최소화해야 하는 제약 상황 분석.

Technical Solution

• MDX와 Next.js 기반의 Monorepo 구조를 채택하여 콘텐츠 관리와 렌더링 효율성 확보
• Database 대신 Gray-matter를 활용한 Custom Script를 설계하여 MDX 파일의 메타데이터를 정적 TypeScript 객체로 변환
• 런타임의 Heavy Processing을 방지하기 위해 데이터 추출 로직을 Build-time으로 이동시킨 Compile-time Data Architecture 적용
• rehype-extract-toc 플러그인을 통한 Heading 기반 Table of Contents 자동 생성 및 MDX Import 변수로 전달하는 파이프라인 구축
• Expressive Code 플러그인 도입으로 Syntax Highlighting 및 Code Diff 기능의 선언적 구현
• Vercel 배포 환경과 Tailwind CSS Typography 플러그인을 결합한 정적 스타일링 최적화