Dynamic Registry 기반 정적 페이지 생성으로 57개 도구 확장성 확보

Context

도구 개수가 지속적으로 증가하는 환경에서 개별 페이지를 수동으로 생성하는 반복 작업의 비효율성 발생. 도구 추가 시마다 발생하는 코드 중복을 제거하고 유지보수 비용을 최소화하는 확장 가능한 라우팅 구조 필요.

Technical Solution

• routes.json 중앙 레지스트리를 통한 도구 메타데이터 관리 및 단일 진입점 설계
• Next.js generateStaticParams를 활용하여 빌드 타임에 모든 도구 경로를 Static HTML로 사전 생성
• Slug와 React 컴포넌트를 1:1로 매핑하는 Registry 패턴을 도입하여 런타임 렌더링 오버헤드 제거
• 단일 page.tsx 레이아웃 내에서 Registry 매핑을 통해 도구별 컴포넌트를 동적으로 주입하는 구조 채택
• 번역 파일의 Namespace를 기반으로 JSON-LD FAQ 스키마를 자동 생성하는 SEO 최적화 파이프라인 구축

Key Takeaway

반복적인 유사 페이지 생성 작업 시 메타데이터 중심의 Registry 설계와 Static Site Generation(SSG)을 결합하여 운영 효율성과 성능을 동시에 확보하는 전략