Nobody Owned the Website. Now Everybody Does.

문제 상황

• 마케팅·개발·외주로 분산된 웹사이트 운영과 불명확한 오너십
• Hugo 기술 블로그, Docusaurus SDK 문서, 메인 사이트, 디자인 포털의 분리된 코드베이스와 비주얼 언어

해결 방법

• 토큰 기반 디자인 시스템과 AI 코딩 도구를 결합한 웹 플랫폼 구축
• Hugo의 195개 이상 포스트와 Docusaurus의 227개 SDK 문서를 통합 마이그레이션
• 컨텍스트 파일, 스킬, 훅으로 비개발 직군도 기여 가능한 워크플로우 구성

구조와 흐름

• Next.js App Router 기반 4개 앱과 tokens·components·layouts 등 5개 공유 패키지의 Turborepo 모노레포
• CSS 변수 원본값→Tailwind 프리셋→각 앱 소비로 이어지는 3계층 토큰 구조
• 공유 레이아웃·컴포넌트와 단일 토큰 변경에 따른 전체 앱 브랜드 동기화

성능/운영 포인트

• 1,599개 이미지 최적화로 미디어 용량 1.0GB에서 325MB로 71% 감소
• 301 리다이렉트, sitemap·robots·메타 태그, 접근성 검토를 통한 마이그레이션 안정성 확보
• 콘텐츠 PR 자동 승인, 코드 PR 타입 검사, CODEOWNERS 기반 리뷰 가드레일