Vercel과 Next.js를 활용한 실시간 정전 지도 구축

호주의 대형 전력 배전 기업인 Endeavour Energy는 폭풍우 발생 시 발생하는 급격한 트래픽 증가와 데이터 업데이트 지연 문제를 해결해야 했다. 기존 시스템은 프론트엔드와 콘텐츠 레이어가 밀접하게 결합되어 있어 확장이 어려웠고, 데이터 갱신에 최대 1시간 이상이 소요되는 병목 현상이 발생했다.

이를 해결하기 위해 Next.js와 Vercel을 기반으로 한 헤드리스(Headless) 아키텍처로 시스템을 재구축했다. 각 레이어는 다음과 같이 독립적으로 운영된다:

• Next.js (on Vercel): 서버 사이드 렌더링(SSR), 정적 생성(SSG), 에지(Edge) 배포를 통해 프론트엔드 성능 최적화 및 트래픽 급증 대응.
• Supabase: 실시간 데이터 레이어를 관리하며 정전 및 자산 데이터를 API를 통해 제공.
• Sitecore: 기존 콘텐츠 및 경험 플랫폼으로 유지하여 편집 워크플로우 보존.

새로운 데이터 파이프라인은 Vercel Cron Jobs를 사용하여 5분마다 상위 정전 시스템의 데이터를 Supabase로 동기화한다. 이 작업은 Vercel Functions를 통해 실행되며, 이를 통해 정전 상태, 영향 지역, 예상 복구 시간 등의 최신 정보를 실시간에 가깝게 제공한다.

결과적으로 기존에 45분 이상 걸리던 데이터 갱신 주기가 5분 이내로 단축되었으며, 서비스 중단 없이 **점진적 마이그레이션(Incremental Migration)**을 통해 성공적으로 시스템을 전환했다.