Vercel 뉴스

Vercel이 로컬 환경에서 프론트엔드와 서버리스 함수를 동시에 실행할 수 있는 'vercel dev' 명령어를 발표했습니다. 이를 통해 개발자는 복잡한 종속성 설치나 포트 설정 없이 단일 명령어로 프로덕션과 유사한 개발 환경을 구축하고 실시간 코드 반영(Hot-reloading)을 경험할 수 있습니다.

Vercel CLI가 드디어 Windows 환경을 공식 지원하게 되어, Command Prompt부터 WSL까지 다양한 터미널에서 vercel dev를 실행할 수 있습니다. 이를 통해 Node.js 기반의 개발자들은 운영체제 제약 없이 동일한 로컬 개발 환경을 구축할 수 있게 되었습니다.

Vercel은 최근 '통합(Integrations)'을 주제로 한 첫 해커톤 결과를 발표하며, Storyblok, Image Optimizer, UptimeRobot 등 개발 효율성을 높이는 우수 프로젝트들을 선정했습니다. 이번 행사는 전 세계 2상 이상의 참가자가 참여한 온라인 기반의 글로벌 이벤트로 진행되었습니다.

Vercel이 Bitbucket과의 첫 번째 공식 통합 기능을 출시하여, 코드 푸시 시 자동 빌드 및 배포가 이루어지는 내장 CI/CD 환경을 구축했습니다. 이를 통해 개발자는 별도의 설정 없이도 프리뷰 배포와 즉각적인 롤백 기능을 활용해 더욱 안정적인 소프트웨어 배포 프로세스를 운영할 수 있습니다.

ZEIT가 Jamstack 사이트 개발 및 배포를 위한 최적의 워크플로우 제공을 목표로 'Vercel'로 사명을 변경하고 2,100만 달러 규모의 시리즈 A 투자를 유치했습니다. Next.js와 같은 강력한 오픈소스 프레임워크를 기반으로 개발부터 배포까지의 과정을 단순화하여 팀의 생산성을 극대화하는 데 집중할 계획입니다.

Vercel이 Gatsby 프로젝트를 대상으로 하는 'Vercel Analytics' 기능을 출시하여, 별도의 코드 수정 없이도 실제 방문자의 Core Web Vitals 데이터를 확인할 수 있게 되었습니다. 이를 통해 개발자는 배포 후에도 지속적으로 웹사이트 성능을 모니터링하고 최적화할 수 있습니다.

Vercel은 별도의 재배포 과정 없이 Hobby 계정에서 Team 플랜으로, 혹은 서로 다른 팀 간에 프로젝트를 즉시 이전할 수 있는 기능을 제공합니다. 이 기능은 사이트 설정과 배포 이력을 그대로 유지하면서 모든 종속성을 새로운 네임스페이스로 옮겨 서비스 중단 없는 전환을 가능하게 합니다.

Vercel은 검증된 Next.js 전문가들을 위한 '에이전시 파트너 프로그램'과 고객을 위한 '전문가 마켓플레이스'를 도입했습니다. 이를 통해 기업은 최적화된 웹 아키텍처를 빠르게 구축할 수 있고, 파트너사는 Vercel의 지원을 받아 새로운 비즈니스 기회를 창출할 수 있습니다.

Vercel이 Nuxt 프로젝트를 위한 새로운 분석 기능을 출시하여, 실제 방문자의 데이터를 기반으로 한 'Real Experience Score'와 Core Web Vitals를 제공합니다. Vercel에 배포된 Nuxt 앱은 별도의 설정이나 코드 변경 없이 즉시 성능 모니터링이 가능하며, 이는 사이트의 지속적인 성능 관리를 돕습니다.

Vercel이 개발자 경험(DX)을 극대화하기 위해 업그레이드된 'Integrations Marketplace'를 발표했습니다. 이를 통해 데이터베이스, CMS, 커머스, 모니터링 등 다양한 도구들을 복잡한 설정 없이 클릭 몇 번만으로 손쉽게 연결하여 개발 생산성을 높일 수 있게 되었습니다.

Vercel이 Svelte 제작자 리치 해리스를 영입하여 Svelte 프로젝트에 전담 기여자를 확보하고, 'Edge-first' 기반의 혁신적인 웹 개발 환경을 구축하고자 합니다. 이번 영입에도 불구하고 Svelte의 오픈소스 거버넌스는 독립적으로 유지되며, Vercel은 이를 통해 더 야심찬 기술적 목표를 달성할 계획입니다.

Vercel이 고성능 빌드 시스템인 Turborepo를 인수하고, Turborepo CLI를 오픈 소스로 공개하며 프론트엔드 개발 환경의 효율성을 극대화하겠다고 발표했습니다. 이번 인수를 통해 Vercel은 모노레포 운영의 복잡성을 줄이고 원격 캐싱 등 강력한 빌드 성능을 제공하는 통합 인프라 구축에 나섭니다.

Vercel과 MongoDB는 MongoDB World에서 양사의 통합 기능을 발표하며, 프론트엔드 인프라와 데이터베이스를 유기적으로 연결하는 풀스택 서버리스 개발 환경을 선보였습니다. 이를 통해 개발자는 복잡한 설정 없이 Next.js 기반의 애플리케이션을 전 세계로 빠르게 확장하고 배포할 수 있습니다.

Vercel이 Edge Functions를 공개 베타로 출시했으나, 신규 프로젝트에서는 이를 더 이상 권장하지 않고 Node.js 기반의 Vercel Functions 사용을 권고합니다. 대신 요청 시점의 라우팅에는 Routing Middleware를 활용하도록 기술 스택의 변화를 안내하고 있습니다.

Vercral Edge Middleware는 요청이 캐시에 도달하기 전 엣지 서버에서 코드를 실행하여 리다이렉트, 리라이트, 헤더 수정을 가능하게 합니다. 이를 통해 클라이언트 측의 레이아웃 시프트 없이 A/B 테스트와 지리적 위치 기반 개인화를 구현하며 웹 성능을 극대화합니다.

Vercel이 Build Output API를 정식 출시하여 커스텀 프레임워크도 Vercel의 강력한 인프라 기능을 활용할 수 있도록 지원합니다. 이를 통해 개발자는 로컬이나 자체 CI 환경에서 빌드된 결과물을 소스 코드 전송 없이 직접 배포할 수 있습니다.

Vercel Functions가 요청 시 방문자의 위치와 시간대 데이터를 담은 강화된 HTTP 헤더를 제공하기 시작했습니다. 별도의 코드 수정이나 구성 변경 없이 모든 플랜에 즉시 적용되어, 서버 측에서 정교한 지역 기반 로직을 처리할 수 있습니다.

Vercel 엔지니어링 팀은 대시보드의 성능을 두 배 이상 향상시키기 위해 사용자가 가장 빈번하게 사용하는 '핫 패스(Hot Path)'를 식별하고 최적화했습니다. 자바스크립트 실행 효율화, 캐싱 활용, 컴포넌트 지연 로딩 등의 전략을 통해 핵심 웹 지표(Core Web Vitals)와 Lighthouse 점수를 대폭 개선하는 성과를 거두었습니다.

Vercel CLI v28은 Edge Functions 대신 Node.js 기반의 Vercel Functions 사용을 권장하며, Git 메타데이터 포함 및 개발 환경 개선을 통해 배포 프로세스를 최적화했습니다. 또한 Node.js 12 지원 종료와 함께 명령어 체계의 일부 변경이 포함되었습니다.

이 기사는 Next.js와 Vercel의 Edge Middleware를 사용하여 클라이언트 사이드 레이아웃 시프트 문제를 해결하고 효율적인 A/B 테스트를 수행하는 사례를 다룹니다. Vercel은 템플릿 페이지 리디자인 과정에서 에지 단의 리라이트(Rewrite) 기능을 통해 사용자 경험을 해치지 않으면서 단계별 배포 전략을 성공적으로 실행했습니다.