Vercel Blog

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의 엣지 런타임이 Node.js의 핵심 API인 Buffer, EventEmitter, AsyncLocalStorage 등을 지원하기 시작하여 더 많은 npm 패키지를 사용할 수 있게 되었습니다. 다만, 새로운 프로젝트에서는 Edge Functions 대신 Node.js 런타임을 사용하는 Vercel Functions 사용을 권장하고 있습니다.

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

Vercel이 초저지연 읽기가 가능한 Edge Config를 정식 출시하여 피처 플래그와 리다이렉트 규칙 등 구성 데이터를 효율적으로 관리할 수 있게 했습니다. 다만, 기존의 Edge Functions는 신규 프로젝트에서 지원 중단(deprecated)되며 Node.js 런타임 기반의 Vercel Functions 사용을 권장합니다.

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

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

Wunderman Thompson은 기존의 PHP/WordPress 모놀리스 방식에서 벗어나 Next.js, Headlar CMS, Turborepo 기반의 현대적 아키텍처로 전환했습니다. 이를 통해 단일 코드베이스 내에서 다양한 브랜드와 언어에 대응하는 다중 사이트를 효율적으로 관리하며 개발 생산성을 극대화했습니다.

5인 규모의 에이전시 Gearbox는 기존 워드프레스 환경의 보안 및 유지보수 문제를 해결하기 위해 Next.js와 Vercel 기반의 헤드리스 스택으로 전환했습니다. 특히 Edge Middleware를 활용해 서비스 중단 없이 점진적으로 마이그레이션을 진행하며 개발 효율성과 보안성을 동시에 확보했습니다.

Commerce-UI는 기존 WordPress나 PHP 기반 시스템의 한계를 극복하기 위해 Next.js와 Vercel 기반의 컴포저블 커머스 아키텍처를 채택했습니다. 이를 통해 대규모 미디어 콘텐츠가 포함된 사이트의 성능을 유지하고, 글로벌 확장에 따른 트래픽 급증 상황에서도 안정적인 사용자 경험을 제공합니다.

연 매출 13억 달러 규모의 CORE Construction은 Vercel 플랫폼을 활용해 사내 비즈니스 인텔리전스(BI) 도구를 고도화했습니다. 이를 통해 데이터 업데이트의 신뢰성을 높이고, 프리뷰 배포 기능을 통해 경영진과 개발팀 간의 원활한 피드백 루프를 구축하여 운영 우수성(OPEX)을 달성했습니다.

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) 기능을 통해 모노레포 환경의 복잡성을 해결하는 데 집중합니다.

Vercel이 헤드리스 CMS와 연동하여 웹사이트 프리뷰 화면에서 직접 콘텐츠를 편집할 수 있는 'Visual Editing' 기능을 발표했습니다. 이 기능은 개발자의 코드 수정 없이도 마케터나 디자이너가 직관적으로 콘텐츠를 관리하고 실시간으로 반영할 수 있도록 지원합니다.

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

클락은 기존 백엔드 중심의 인증 방식이 가진 지연 시간 문제를 해결하기 위해 에지 컴퓨팅에 최적화된 무상태(Stateless) 인증 솔루션을 구축했습니다. 프레임워크 전용 SDK와 드롭인 UI 컴포넌트를 통해 개발 생산성을 극대화하며, JWT SSO를 통해 다양한 서비스 간의 보안 있는 결합을 지원합니다.

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

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

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