Vercel Blog

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

프론트엔드 배포 플랫폼의 선두주자인 베르셀이 깃허브 출신의 DX 전문가 캐시 코레벡을 신임 Head of Product로 영입했습니다. 이번 인사는 개발자 경험(DX)을 극대화하고 더 빠르고 성능 좋은 웹 생태계를 구축하려는 베르셀의 의지를 보여줍니다.

Vercel이 팀 계정에서 개인 계정으로 프로젝트를 중단 없이 이전할 수 있는 기능을 새롭게 도입했습니다. 이는 협업 기능이 더 이상 필요하지 않은 프로젝트의 운영 비용을 최적화하고 관리 효율성을 높이는 데 유용합니다.

Vercel이 Next.js 출시 5주년을 맞아 'Next.js Conf 2021' 개최 소식을 알렸습니다. 이번 컨퍼런스는 더 빠르고 개인화된 웹 경험을 위한 새로운 기능들을 소개하며, 전 세계 개발자들이 모여 기술적 성과와 사례를 공유하는 자리가 될 예정입니다.

Vercel이 Edge Functions의 공개 베타 버전을 출시했지만, 동시에 신규 프로젝트에서의 사용 중단(Deprecation)을 선언했습니다. 개발자들은 이제 Node.js 런타임과 Fluid compute 기반의 Vercrypt Functions와 요청 시점 라우팅을 위한 Routing Middleware를 사용해야 합니다.

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

Vercel이 Hobby부터 Enterprise까지 모든 플랜에서 IP 지오로케이션 기능을 사용할 수 있도록 업데이트했습니다. 다만, 기존 Edge Functions는 신규 프로젝트에서 지원 중단될 예정이므로 Node.js 런타임 기반의 Vercel Functions와 Routing Middleware를 사용해야 합니다.

Vercel이 25억 달러 이상의 기업 가치를 인정받으며 1억 5천만 달러 규모의 시리즈 D 투자를 성공적으로 마무리했습니다. 이번 투자금은 오픈소스 프로젝트 지원, 에지(Edge) 중심의 웹 개발 환경 구축, 그리고 개발 전 과정을 아키텍처 수준에서 통합하는 엔드투엔드 플랫폼 완성에 집중적으로 사용될 예정입니다.

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

Vercel이 Meta의 React 코어 팀 멤버인 Sebastian Markbåge를 영입하여 React 생태계 지원을 강화합니다. 이번 인재 영입을 통해 Next.js에 React 18 및 React Server Components(RSC) 도입을 가속화하고 오픈소스 프로젝트에 대한 투자를 지속할 예정입니다.

Svelte의 창시자 리치 해리스는 Verc적 지원을 통해 프로젝트의 재정적 안정성을 높여 기업들의 기술 도입 문턱을 낮추고 생태계 성장을 가속화할 것이라고 전망합니다. 그는 SvelteKit이 단순한 UI 라이브러리를 넘어 애플리케이션 프레임워크로서 제품 출시 속도를 높이는 핵심 도구가 될 것임을 강조합니다.

Vercel의 CPO Tom Occhino는 실제 서비스 환경에서 사용 가능한 수준의 AI 에이전트를 제작하기 위한 'The Agent Stack'을 소개했습니다. 이 스택은 개발자가 프로덕션급 에이전트를 신속하게 구축하고 배포할 수 있도록 필수적인 빌딩 블록들을 제공하는 것을 목표로 합니다.

모노레포는 여러 프로젝트를 하나의 저장소에 통합하여 코드 공유, 협업, 업데이트 관리를 용이하게 하는 아키텍처입니다. Turborepo는 대규모 기업의 워크플로우를 오픈 소스로 구현하여, 복잡한 설정 없이도 빠른 빌드와 원격 캐싱을 통해 개발 생산성을 획기적으로 높여줍니다.

Vercel은 기존 Next.js 8 기반의 데모 앱을 v12로 업그레이드하여 Core Web Vitals를 비약적으로 개선했습니다. getStaticProps를 통한 데이터 프리페칭과 next/image를 이용한 이미지 최적화가 성능 향상의 핵심 동력이었습니다.

HashiCorp는 페이지 수가 급증한 버전별 문서 관리 문제를 해결하기 위해 Next.js의 ISR 기술을 도입했습니다. 이를 통해 인기 페이지는 사전 생성하고 나머지는 런타임에 생성하며, On-demand ISR로 CMS 변경 사항을 즉각 반영하여 빌드 효율성을 극대화했습니다.

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

Edge Runtime은 프레임워크 제작자가 엣지 컴퓨팅을 쉽게 도입할 수 있도록 Web 표준에 따라 설계된 경량 런타임입니다. Node.js와 호환되는 일부 API를 제공하면서도, 프로덕션 환경에서는 V8 엔진을 직접 사용하여 고성능 서버리스 환경을 구현하는 것이 핵심입니다.

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

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

Vercel은 새로운 프로젝트에 대해 기존 Edge Functions 대신 Node.js 런타임을 사용하는 Vercel Functions 사용을 권장하며, 요청 시 라우팅을 위해 Routing Middleware 활용을 제안합니다. 또한 Hydrogen 프로젝트를 자동으로 감지하고 최적화하는 기능을 도입하여 개발자 경험과 성능을 동시에 개선하고자 합니다.

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

Vercel이 프레임워크에 관계없이 Edge Functions, ISR 등 강력한 인프라 기능을 사용할 수 있게 하는 'Build Output API'를 도입했습니다. 이를 통해 개발자는 소스 코드 노출 없이 사전 빌드된 결과물을 직접 배포할 수 있으며, 다양한 오픈소스 프레임워크의 생태계 확장이 가능해집니다.

Vercel의 Build Output API를 사용하여 정적 파일 생성, ISR, 서버 사이드 렌더링(SSR), 이미지 최적화 기능을 갖춘 맞춤형 React 웹 프레임워크를 만드는 방법을 다룹니다. 개발자가 인프라의 강력한 기능을 직접 활용하여 고성능 웹 애플리케이션을 구현하는 구조적 접근법을 제시합니다.

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