Vercel Blog

Vercel이 vercel.json 파일을 수정할 필요 없이 대시보드에서 직접 Vercel Functions의 멀티 리전을 설정할 수 있는 기능을 도입했습니다. 이를 통해 전 세계 사용자에게 더 가까운 위치에서 함수를 실행하는 Fluid compute 모델을 손쉽게 활용할 수 있습니다.

Speakeasy는 Vercel의 AI UI 생성 도구인 v0를 도입하여 디자인에서 코드로 이어지는 워크플로우의 병목 현상을 해결했습니다. 이들은 Figma의 정적 디자인을 넘어 움직임과 상호작용이 포함된 동적 프로토타입을 제작함으로써, 개발 및 디자인 팀 간의 협업 효율을 극대화하고 제품 개발 주기를 단축했습니다.

Vercel이 React Router v7을 프레임워크로 공식 지원하며, `@vercel/react-router/vite` 프리셋을 통한 간편한 설정을 제공합니다. 이를 통해 SSR 애플리케이션은 Vercel의 Fluid compute를 활용하고, 함수 단위의 지능적인 번들 분할 및 커스텀 서버 엔트리 포인트 지원을 받을 수 있습니다.

Vercel이 DNS 설정을 자동화하는 오픈 표준인 'Domain Connect'를 도입했습니다. 이를 통해 사용자는 수동 레코드 복사 없이 클릭 한 번으로 도메인을 설정할 수 있으며, 현재 Cloudflare를 시작으로 지원 범위가 점차 확대될 예정입니다.

Vercel이 외부 협업자를 위해 특정 배포(deployment) 및 브랜치 프리뷰 URL을 공유할 수 있는 새로운 옵션을 도입했습니다. 기존에는 브랜치나 별칭(alias) 기반의 공유만 가능했으나, 이제는 특정 시점의 배점 상태를 직접 공유하거나 항상 최신 상태인 프리뷰 URL을 선택하여 공유할 수 있습니다.

Vercel이 이미지 최적화 인프라를 업데이트하여 이미지 변환 속도를 60% 향상시켰으며, 과금 체계를 기존 소스 이미지 수 기준에서 변환 및 캐시 사용량 기준으로 개편했습니다. 이번 변경 사항은 선택 사항(opt-in)으로 제공되어 기존 고객은 기존 요금제를 유지할 수 있습니다.

Vercel이 Functions 대시보드에 주요 성능 지표를 즉시 확인할 수 있는 퀵뷰 타일 기능을 추가했습니다. 이를 통해 개발자는 Fluid compute를 통한 비용 절감, 메모리 사용량, TTFB, 콜드 스타트 빈도 등을 실시간으로 모니터링하고 최적화할 수 있습니다.

Vercel은 마켓플레이스 통합 제공업체가 배포 시점에 특정 작업을 자동으로 실행할 수 있는 기능을 도입했습니다. 이를 통해 데이터베이스 브랜칭이나 환경 변수 오버라이드 같은 리소스 측면의 작업이 배포 완료 전 성공적으로 수행되도록 보장하며, 사용자는 실행 가능한 액션에 대한 가이드를 받을 수 있습니다.

Vercel이 이미지 최적화의 상세한 인사이트를 제공하는 전용 Observability 대시보드를 도입했습니다. 이를 통해 개발자는 이미지 변환 방식, 캐싱 전략 수립을 위한 분석, 대역폭 절감 수치 등을 한눈에 파악하여 이미지 처리 효율을 극대화할 수 있습니다.

Vercel이 방화벽 대시보드의 가시성을 개선하여 트래픽 상태와 보안 규칙을 더 명확하게 확인할 수 있도록 업데이트했습니다. 이제 리버스 프록시로 인한 보안 저해 요소를 즉시 감지할 수 있으며, 탭 기반 뷰와 개선된 규칙 가독성을 통해 효율적인 트래픽 관리가 가능합니다.

Vercel이 기존 @vercel/flags를 오픈 소스 라이브러리인 'flags'로 이름을 변경하고 독립적인 패키지로 재출시했습니다. 이 SDK는 Next.js와 SvelteKit에 최적화되어 클라이언트 측 평가를 피하고 레이아ument 시프트를 방지하며, 다양한 실험 플랫폼과의 통합을 지원합니다.

Vercel의 새로운 패키지인 @vercel/related-projects는 분리된 프로젝트 간의 배포 URL 동기화를 자동화합니다. 이를 통해 프론트엔드와 백엔드 프로젝트가 서로의 최신 배포 상태를 빌드 및 런타임 시점에 자동으로 인식하여 환경 변수 관리의 번거로움을 제거합니다.

Vercel이 프로젝트 설정 페이지를 단순화하여 모든 빌드 커스터마이징 옵션을 'Builds and Deployment' 섹션으로 통합했습니다. 이를 통해 프레임워크 기반의 자동 감지 기능을 유지하면서도 사용자가 필요에 따라 빌드 설정을 더욱 쉽게 관리할 수 있게 되었습니다.

Vercel은 최근 분기 동안 870억 건의 공격을 차단하며 WAF와 DDoS 방어 성능을 대폭 개선했습니다. 특히 DDoS 방어 속도를 40배 향상시키고, 보안 로그의 가시성을 높이며, PCI DSS v4.0 인증을 획득하여 엔터프라이즈급 보안 표준을 강화했습니다.

Vercel이 Observability 기능의 Edge Request 대시보드를 확장하여 User agent, IP 주소, JA4, Referrer, Hostname 등 더 상세한 요청 데이터를 제공합니다. 이를 통해 개발자는 트래픽 패턴을 정밀하게 모니터링하고 Vercel Firewall과 연계하여 잠재적인 보안 위협에 더 효과적으로 대응할 수 있습니다.

Vercel은 모노레포 환경에서 변경 사항이 없는 코드에 대한 빌드 프로세스를 생략하는 기능을 신규 프로젝트의 기본 설정으로 적용했습니다. 이를 통해 빌드 큐의 병목 현상을 줄일 수 있으며, 기존 프로젝트는 설정 메뉴에서 직접 활성화해야 합니다.

글로벌 마이크로소프트 전문가 그룹인 Avanade는 기존의 모놀리식 시스템을 Next.js, Vercel, Sitecore XM Cloud 기반의 헤드리스 아키텍처로 전환했습니다. 이를 통해 개발 속도를 2배 높였을 뿐만 아니라, 웹 성능 최적화를 통해 전환율 111% 향상이라는 놀라운 비즈니스 성과를 달성했습니다.

Vercel은 Usage 대시보드의 메트릭을 통해 Vercel Observability 대시보드로 바로 연결되는 기능을 도입했습니다. 이를 통해 Functions, Edge Network, Image Optimization 등 주요 서비스의 사용량과 성능 데이터를 한 번의 클릭으로 상세하게 확인할 수 있습니다.

Vercel이 도메인 등록 지원 TLD 목록을 개편하여 66개의 새로운 gTLD를 추가하고, 일부 ccTLD 및 지역 TLD 지원을 중단합니다. 이번 변경은 즉시 적용되지만, 기존에 등록된 도메인의 갱신이나 서비스 이용에는 아무런 영향을 미치지 않습니다.

Vercel이 vercel.json 내에서 와일드카드를 활용한 브랜치 배포 제어 기능을 업데이트했습니다. 이제 개별 브랜치를 일일이 지정할 필요 없이 패턴을 통해 다수의 브랜치 배포를 일괄적으로 관리할 수 있습니다.

Next.js 15.2부터 실험적 기능으로 미들웨어에서 Node.js 런타임을 사용할 수 있게 되었습니다. 이를 통해 개발자는 Edge 런타임의 제한적인 API 대신 익숙한 Node.js의 전체 기능을 미들웨어 단계에서 활용하여 인증 및 개인화 로직을 구현할 수 있습니다.

Vercel의 방화벽 대시보드가 IP 주소에 대한 AS 이름, ASN, 지리적 위치 정보를 제공하도록 업데이트되었습니다. 이를 통해 사용자는 공격의 출처를 더 명확히 파악하고 악성 트래픽을 차단하기 위한 정교한 커스텀 규칙을 생성할 수 있습니다.

Vercel 마켓플레이스에 새로운 실험 카테고리가 추가되었으며, Statsig이 첫 번째 공식 통합 파트너로 선정되었습니다. 이를 통해 개발자는 Vercel 프로젝트와 Statsig을 직접 연결하고, Edge Config를 활용해 초저지연 환경에서 기능 플래그 및 A/B 테스트를 관리할 수 있습니다.

Vercel이 동일 팀 내 프로젝트 간 외부 리라이트(rewrites) 시 원본 요청에 대한 Fast Data Transfer 비용을 무료로 전환합니다. 이를 통해 데이터 전송 효율을 높이고, 마이크록프론트엔드 구조를 사용하는 팀의 인프라 비용 부담을 줄여줍니다.