Vercel CDN, 드디어 전용 대시보드가 나왔다

Vercel을 사용하는 개발자라면 한 번쯤 겪어봤을 불편함이 있습니다. CDN 캐시를 퍼지(Purge)하려면 프로젝트 설정 깊숙이 들어가야 했고, 글로벌 트래픽 분포를 한눈에 보려면 여러 페이지를 오가야 했죠. 특히 '이 라우팅 규칙을 바꾸려면 배포를 다시 해야 하나?' 하는 고민은 정말 자주 했던 질문입니다.

이제 그런 고민은 끝났습니다. Vercel이 CDN 전용 대시보드를 새롭게 공개했거든요. 이번 업데이트는 단순한 UI 개선이 아니라, 프로젝트 운영 효율성을 극적으로 끌어올리는 기능들이 포함되어 있습니다. 이 글에서는 어떤 점이 바뀌었는지, 그리고 실무에서 어떻게 활용하면 좋을지 자세히 풀어보겠습니다.

참고자료: Vercel 공식 체인지로그

Vercel CDN dashboard showing global traffic distribution map and cache metrics Programming Illustration

핵심 기능 3가지: 개요, 캐시, 라우팅

새로운 CDN 대시보드는 크게 세 가지 탭으로 구성되어 있습니다. 각각 어떤 역할을 하는지, 코드로 어떻게 연동되는지 함께 살펴보죠.

1. 개요(Overview) – 글로벌 트래픽을 지도로 본다

이제 Vercel Regions별 트래픽 분포를 실시간 지도로 확인할 수 있습니다. 단순히 요청 수만 보여주는 게 아니라, 캐시 히트율(Cache Hit Ratio), 오리진 요청 수(Origin Requests), 전송 데이터 양(Data Transfer) 등 주요 성능 지표를 한눈에 파악할 수 있어요.

2. 캐시(Caches) – 퍼지도 편하게, 설정도 편하게

기존에는 프로젝트 설정 > 캐시 메뉴에서만 가능했던 캐시 퍼지 기능이 CDN 대시보드로 이동했습니다. 특히 Vercel CDN은 여러 캐싱 레이어(Edge Cache, Static Cache 등)를 가지고 있는데, 이제 레이어별로 선택적으로 퍼지할 수 있습니다.

// Vercel CLI를 사용한 캐시 퍼지 예시
// 특정 경로만 퍼지하고 싶다면 --path 옵션 사용
npx vercel purge --path /api/data

// 전체 캐시를 한 번에 퍼지하려면
npx vercel purge --all

// 특정 캐시 레이어만 퍼지 (예: Edge Cache)
npx vercel purge --layer edge

3. 프로젝트 레벨 라우팅 – 배포 없이 규칙을 바꾼다

이 기능이 가장 인상적입니다. 새로운 배포(Deploy) 없이도 라우팅 규칙을 실시간으로 변경할 수 있습니다. 예를 들어, 특정 API 응답에 헤더를 추가하거나, 외부 API로 리다이렉트하는 규칙을 즉시 적용할 수 있어요.

// vercel.json 라우팅 규칙 예시
// 새로운 대시보드에서도 동일한 규칙을 UI로 편집 가능
{
  "routes": [
    {
      "src": "/api/(.*)",
      "dest": "https://external-api.example.com/$1",
      "headers": {
        "x-custom-header": "value"
      }
    }
  ]
}

이제 긴급한 라우팅 변경이 필요할 때 배포 사이클을 기다릴 필요가 없어졌습니다. 운영 중인 서비스에서 특히 유용하겠죠.

Developer managing Vercel CDN caching rules and routing configuration in project settings Coding Session Visual

실무 적용 팁과 주의사항

🎯 이렇게 활용해보세요

  • A/B 테스트용 라우팅: 배포 없이 특정 경로의 트래픽을 다른 버전으로 분기할 수 있어, 실시간 A/B 테스트가 가능합니다.
  • 캐시 전략 최적화: 개요 탭에서 캐시 히트율이 낮은 리전을 발견하면, 해당 리전의 캐시 설정을 즉시 조정할 수 있습니다.
  • 장애 대응: 특정 API가 장애 났을 때, 라우팅 규칙을 즉시 변경해 정적 페이지나 대체 API로 트래픽을 돌릴 수 있습니다.

⚠️ 주의할 점

  • 라우팅 규칙 우선순위: 대시보드에서 추가한 규칙은 vercel.json의 규칙보다 우선 적용됩니다. 의도치 않은 동작을 방지하려면 항상 전체 규칙을 확인하는 습관을 들이세요.
  • 캐시 퍼지 비용: 대규모 프로젝트에서 잦은 캐시 퍼지는 오리진 서버에 부하를 줄 수 있습니다. 꼭 필요한 경로만 선택적으로 퍼지하는 게 좋습니다.
  • 팀 권한 관리: 라우팅 규칙을 누구나 수정할 수 있게 하면 위험할 수 있습니다. Vercel 팀 설정에서 CDN 대시보드 접근 권한을 적절히 제한하세요.

한국 개발 생태계에서의 적용 맥락

국내에서는 특히 카카오톡 알림톡, 네이버페이 결제 등 외부 API와의 연동이 많은 서비스에서 이번 업데이트가 유용할 거예요. 예를 들어, 명절 트래픽 폭주 시 특정 API의 라우팅을 즉시 변경하거나, 캐시 설정을 조정하는 식으로 유연하게 대응할 수 있습니다. 또한, 국내 CDN 서비스(예: KT Cloud CDN)와 비교했을 때 Vercel CDN의 글로벌 리전 커버리지와 통합 대시보드는 큰 강점입니다.

함께 보면 좋은 글

Vercel CDN purging interface with cache layers and routing rule editor Developer Related Image

마치며: CDN 운영의 새로운 기준

Vercel CDN 대시보드는 단순히 '보기 좋은 UI'를 넘어, 운영자의 업무 효율을 실질적으로 개선해주는 도구입니다. 특히, 배포 없이 라우팅을 변경할 수 있다는 점은 CI/CD 파이프라인이 복잡한 대규모 프로젝트에서 큰 가치를 발휘합니다.

이제 Vercel에서 프로젝트를 운영 중이라면, CDN 탭을 한번 열어보세요. 예전보다 훨씬 직관적이고 강력해진 모습을 확인할 수 있을 겁니다.

다음 단계 학습 방향

  • Vercel CDN의 캐싱 레이어별 동작 원리를 공식 문서로 학습해보세요.
  • vercel.json의 라우팅 규칙 문법을 심화 학습하고, 대시보드와의 연동을 테스트해보세요.
  • Vercel Edge Functions를 활용해 더 정교한 라우팅 로직을 구현해보는 것도 추천합니다.
본 콘텐츠는 신뢰할 수 있는 출처를 바탕으로 AI 도구를 활용하여 초안이 작성되었으며, 편집자의 검토를 거쳐 발행되었습니다. 전문가의 조언을 대체하지 않습니다.