Vercel 뉴스

Vercel이 Pro 및 Enterprise 플랜 사용자를 위한 'Monitoring' 기능과 모든 플랜 대상의 'Logs' 기능을 정식 출시했습니다. 이 도구들을 통해 개발자는 실시간 트래픽 급증, 성능 저하, 에러 발생 등을 즉각적으로 파악하고 데이터 기반의 최적화를 수행할 수 있습니다.

이 글은 기존 CSR과 SSR 방식의 A/B 테스트가 가진 성능 저하 및 레이아웃 시프트 문제를 해결하기 위해 Vercel Edge Config를 활용한 실험 엔진 구축 사례를 다룹니다. 개발자는 Edge Config의 초저지연 읽기 기능을 통해 사용자에게 지연 없는 최적화된 UI를 제공하면서도 정확한 실험 데이터를 확보할 수 있습니다.

Vercel은 AWS Lambda의 기술적 한계를 극복하고 Node.js와 Edge 런타임 모두에서 안정적인 HTTP 응답 스트리밍 기능을 도입했습니다. 이를 통해 데이터 조각을 점진적으로 전송함으로써 TTFB 및 FCP를 개선하고, 대용량 데이터 처리 시 메모리 사용량을 줄여 웹 앱의 성능과 확장성을 극대화할 수 있습니다.

Google Optimize의 종료로 인해 웹 개발자들은 새로운 실험 도구가 필요한 상황입니다. Vercel은 Edge Config와 Routing Middleware를 통해 클라이언트 사이드 스크립트의 성능 저하 문제를 해결하고, 밀리초 단위의 빠른 데이터 처리로 사용자 경험과 SEO를 동시에 개선하는 엣지 기반 솔루션을 제안합니다.

프랑스의 티켓팅 솔루션 Shotgun은 대규모 트래픽 폭주 시 발생하는 서버 부하 문제를 해결하기 위해 기존 Heroku에서 Vercel로 인프라를 전환했습니다. Next.js와 Vercel의 다양한 기능을 활용해 DevOps 부담을 줄이고, 글로벌 시장 확장을 위한 기술적 기반을 마련했습니다.

Vercel이 AWS 마켓플레이스에 출시되어, AWS 계정 사용자가 클릭 몇 번만으로 Vercel의 강력한 프론트엔드 인프라를 도입할 수 있게 되었습니다. 이번 통합을 통해 기업들은 구매 절차 간소화, 보안 검증 완료, 그리고 AWS 비용과 연동된 통합 빌링 혜택을 누릴 수 있습니다.

Vercel이 초저지연 데이터 저장소인 'Edge Config'의 정식 출시를 발표했습니다. 이 솔루션은 전 세계 리전에 데이터를 미리 복제하여 A/B 테스트 및 기능 플래그 관리를 10ms 미만의 속도로 처리하며, 재배포 없이 실시간으로 설정을 변경할 수 있는 기능을 제공합니다.

3만 명 이상의 사용자를 보유한 mmm.page는 서비스 성장에 따라 발생한 기술적 한계를 극복하고자 Vercel의 Next.js 환경을 도입했습니다. 이를 통해 커스텀 도메인 설정 자동화, 서버 사이드 렌더링(SSR)을 통한 성능 최적화, 그리고 효율적인 캐싱을 통한 데이터베이스 부하 감소를 달성했습니다.

Vercel이 쿠키 없이 개인정보를 보호하며 사이트 성능에 영향을 거의 주지 않는 Web Analytics 기능을 정식 출시했습니다. 이번 업데이트에는 사용자 여정을 심층 분석할 수 있는 커스텀 이벤트 추적 기능이 포함되었으며, Next.js 등 주요 프레임워크와 완벽하게 통합됩니다.

Vercel KV 서비스가 종료됨에 따라, 사용자는 이제 Vercel 마켓플레이스를 통해 대체 KV 스토어 및 스토리지 솔루션을 이용해야 합니다. 새로운 방식은 자동 계정 프로비저닝과 통합 빌링 시스템을 지원하여 개발자 경험을 개선하는 데 중점을 두고 있습니다.

Vercel은 Next.js 및 Vercel Functions와 완벽하게 통합되는 서버리스 PostgreSQL 데이터베이스인 'Vercel Postgres'를 선보였습니다. 최근 업데이트를 통해 이는 Vercel Marketplace Storage 통합으로 진화하여 자동 계정 프로비저닝과 통합 결제 기능을 제공합니다.

Vercel은 Redis 기반의 KV, SQL 기반의 Postgres, 그리고 파일 저장용 Blob 등 새로운 서버리스 스토리지 제품군을 출시했습니다. 이번 발표는 프론트엔드 개발자가 별도의 인프라 설정 없이 데이터베이스와 파일을 통합 관리할 수 있는 환경을 구축하는 데 목적이 있습니다.

Vercel은 엔터프라이즈급 보안 강화를 위해 전용 IP와 프론트엔드 클라우드 보호 기능을 갖춘 'Vercel Secure Compute'와 'Vercel Firewall'을 발표했습니다. 이를 통해 개발자에게는 편리한 워크플로우를 유지하면서도, 기업 고객에게는 강력한 인프라 보안 및 규제 준수 솔루션을 제공하고자 합니다.

Vercel은 대규모 팀이 코드 품질을 유지하면서도 빠르게 배포할 수 있도록 돕는 'Vercel Spaces'를 공개했습니다. 이 서비스는 자동화된 코드 품질 검사(Conformance), 정교한 코드 소유권 관리(Code Owners), 그리고 통합 빌드 로그 시각화(Vercel Runs) 기능을 통해 모노레포 환경의 복잡성을 해결하는 데 집중합니다.

Next.js 13.4의 App Router가 Vercel에서 안정화되어, 레이아웃 공유와 스트리밍을 통한 성능 최적화를 지원합니다. 특히 React Server Components(RSC)와 새로운 데이터 캐시 아키텍처를 통해 서버 측 데이터 페칭과 캐싱 전략을 더욱 정교하게 제어할 수 있게 되었습니다.

Vercel이 Nuxt 애플리케이션을 위한 새로운 기능들을 발표하며 프레임워크 통합을 확대했습니다. 이제 Nitro Storage를 통해 Vercel KV(Redis)를 손쉽게 연동할 수 있으며, ISR 및 정적 페이지 지원을 통해 성능과 유연성을 동시에 확보할 수 있게 되었습니다.

Vercel은 프론트엔드와 백엔드의 배포를 분리하여 개발자가 인프라 관리 부담 없이 사용자 인터페이스 구현에만 집중할 수 있는 환경을 제공합니다. 단순한 배동 도구를 넘어 프리뷰 기능, 서버리스 함수, 데이터베이스 등 클라우드 기반의 통합적인 기능을 통해 프론트엔드 중심의 개발 생태계를 구축하고 있습니다.

Vercel은 Vercel Functions에서 발생하는 무한 루프를 차단하는 자동 재귀 보호 기능을 출시했습니다. 이 기능은 fetch와 http 모듈 사용 시 적용되며, 별도의 코드 수정 없이 새로운 배동을 통해 비용 폭증 위험을 방지하고 요청 추적을 위한 헤더 정보를 제공합니다.

Vercel과 Sanity는 프론트엔드 클라우드와 콘텐츠 클라우드를 결합하여 개발자와 마케터 간의 워크플로우를 혁신하는 전략적 파트너십을 발표했습니다. 특히 'Visual Editing' 기능을 통해 프리뷰 환경에서 즉시 콘텐츠를 수정할 수 있는 통합된 편집 경험을 제공하며, 이를 통해 기업은 성능과 운영 유연성을 동시에 확보할 수 있습니다.

Vercel은 자사 KV 서비스의 종료를 알리고, 대신 Vercel 마켓플레이스를 통해 다양한 대체 스토리지 솔루션을 제공하며 통합 결제 시스템을 지원할 예정입니다. 또한 @vercel/remix v1.16.0 업데이트를 통해 외부 KV 데이터베이스와 세션 스토리지를 손쉽게 연동할 수 있는 새로운 함수가 도입되었습니다.