SitecoreAI에서 CMS 백엔드와 Next.js 프론트엔드를 분리 배포하면 빌드 시간이 70% 이상 단축된다

Context

기존 SitecoreAI 배포는 Sitecore Deploy App이 CMS 백엔드와 Next.js 프론트엔드를 단일 파이프라인으로 함께 배포하는 구조였다. 소규모 UI 변경에도 전체 시스템 재배치가 발생하여 15~30분의 배포 시간이 소요되었다. 이 구조에서는 프론트엔드 개발자가 Sitecore 포털에 의존해야 하는 운영 비효율도 존재했다.

Technical Solution

• Sitecore Deploy App을 CMS 백엔드 전용으로 설정하여 CM 서버와 Experience Edge만 빌드
• Next.js 프론트엔드를 Vercel 또는 Netlify의 독립 파이프라인에 연결
• 백엔드 파이프라인: Git → Deploy App → CM + Edge
• 프론트엔드 파이프라인: Git → Vercel/Netlify → Live
• 환경 변수를 외부 호스트에 수동으로 매핑하여 Sitecore 자동 주입 의존성 제거

Impact

배포 시간이 15~30분에서 2~10분으로 단축되었다. 프론트엔드 핫픽스 시 백엔드 파이프라인 오류 영향 없이 독립 배포가 가능하다.

Key Takeaway

헤드리스 CMS의 본질적 가치는 프론트엔드를 CMS 의존物에서 독립 제품으로 분리할 때 실현된다.