플랫폼에 통합된 기능 플래그 관리
Vercel 플랫폼 안에서 기능 플래그를 만들고, 대상 지정과 점진 배포, 즉시 전환을 관리할 수 있게 됐습니다.
교안에 영향
기능 플래그를 다루는 안내는 이제 Vercel dashboard, Flags SDK, vercel flags CLI, Flags Explorer 기준으로 봐야 하며 이전의 별도 플래그 관리 방식 설명은 맞지 않을 수 있습니다.
요약
- Flags SDK로 서버 측에서 플래그를 평가해 클라이언트 지연과 레이아웃 이동을 줄입니다. - 코드에 정의한 플래그를 자동 등록하고, 대시보드에서 초안·미사용 상태로 관리합니다. - Precompute로 빌드 시 변형을 미리 만들고 Routing Middleware로 사용자에게 맞는 버전을 보냅니다. - vercel flags CLI와 Vercel Toolbar의 Flags Explorer로 터미널과 브라우저에서 플래그를 관리하고 덮어쓸 수 있습니다.
바뀐 것
새 기능
- Vercel Flags가 도입되어 기능 플래그 생성, 대상 지정 규칙, 점진적 롤아웃, 킬 스위치 사용을 지원합니다.
- Next.js와 SvelteKit용 어댑터를 갖춘 오픈소스, 제공자 중립형 Flags SDK가 제공됩니다.
- 다른 프레임워크에서는 내장 OpenFeature provider로 Vercel Flags를 사용할 수 있습니다.
- Vercel Flags dashboard에서 프로젝트와 배포 옆에 플래그를 만들고 관리할 수 있습니다.
- Next.js React Server Components에서 render 중 await로 플래그를 읽을 수 있습니다.
- 클라이언트 컴포넌트에 플래그를 promise로 전달해 fallback을 보여주며 렌더링을 시작할 수 있습니다.
- 플래그를 코드에 정의하고 배포하면 dashboard에 draft로 자동 등록됩니다.
- 코드에서 플래그를 제거하면 dashboard에서 unreferenced로 표시되어 보관 여부를 쉽게 판단할 수 있습니다.
- Precompute로 빌드 시 모든 변형을 만들고 CDN으로 배포한 뒤 Routing Middleware(proxy.ts)가 사용자에게 맞는 버전을 라우팅합니다.
- vercel flags CLI로 터미널에서 플래그 생성, 대상 지정, 롤아웃, 보관을 할 수 있습니다.
- Vercel Toolbar의 Flags Explorer에서 브라우저 세션별로 플래그 값을 덮어쓸 수 있습니다.
개선
- Flags SDK가 서버 측 평가를 기본으로 하여 페이지 성능에 영향을 주지 않고 프레임워크와 직접 연동됩니다.
- 서버 측에서 플래그를 평가해 로더, 깜박임, 레이아웃 이동을 줄이고 별도 요청 없이 올바른 화면을 렌더링합니다.
기타
- Vercel Flags가 2026년 4월부터 일반 제공 상태였고, 현재 모든 요금제에서 사용할 수 있습니다.