Vercel Blog

Vercel은 GitHub, GitLab, Bitbucket 등 주요 Git 제공업체와의 통합 기능을 전면 개편하여 배포 프로세스의 신뢰성을 높였습니다. 또한 대시보드 UI 개선과 문서 최적화를 통해 프로젝트 관리와 배포 워크플로우의 편의성을 대폭 강화했습니다.

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

Vercel은 GV가 주도한 4,000만 달러 규모의 시리즈 B 투자 유치를 통해 총 누적 투자액 6,100만 달러를 달성했습니다. 이번 투자는 R&D 가속화와 플랫폼 혁신을 목적으로 하며, Airbnb와 TripAdvisor 등 글로벌 기업들의 사례처럼 개발 협업과 컴포넌트 재사용성을 극대화하는 웹 환경 구축에 집중할 계획입니다.

Vercel은 Git 연결 범위를 계정에서 프로젝트 단위로 확장하여 다양한 저장소를 개별적으로 관리할 수 있게 했으며, 프로젝트 생성 시 기존 저장소 검색 기능을 추가했습니다. 또한 템플릿 라이브러리를 생성 프로세스 내에 통합하고 고도화된 Next.js 템플릿을 새롭게 선보였습니다.

Next.js의 새로운 app 디렉토리는 React Server Components(RSC)를 기본으로 채택하여 서버와 클라이언트 간의 효율적인 역할 분담을 지원합니다. 이를 통해 대규모 의존성을 서버에 유지함으로써 번들 크기를 줄이고, 기존 SSR의 한계를 넘어 점진적인 데이터 업데이트가 가능한 고성능 웹 환경을 구축할 수 있습니다.

이 글은 Next.js 개발자가 활용할 수 있는 리다이렉트, 리라이트, 프리뷰 모드 등 핵심 기술 팁들을 다룹니다. 이를 통해 경로 관리, 빌드 프로세스 커스터마이징, 번들 크기 최적화 및 코드 가독성 향상을 위한 구체적인 설정 방법을 제시합니다.

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

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

Vercel은 기존에 CSV 파일로 수동 확인해야 했던 사용량 데이터를 직관적인 그래프로 보여주는 'Usage overview' 기능을 발표했습니다. 이 기능은 네트워크 트래픽, 서버리스 함수 실행 상태, 빌드 효율성을 통합적으로 시각화하며 자동화된 최적화 권장 사항을 제공합니다.

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

구글은 LCP, FID, CLS로 구성된 코어 웹 바이탈을 페이지 경험 랭킹 신호로 추가하여 검색 순위에 반영합니다. 이를 위해 개발자는 콘텐츠 사전 렌더링과 이미지 및 폰트 최적화 등을 통해 사용자 경험을 개선해야 합니다.

Next.js 11은 Script 및 Image 컴포넌트 개선을 통해 성능 최적화와 사용자 경험(UX) 향상에 집중했습니다. 또한 Google과의 협업을 통한 'Conformance' 도입으로 프레목워크 차원의 자동화된 가이드라인을 구축하고, 브라우저 기반의 실시간 협업 도구인 Next.js Live를 선보였습니다.

Vercel이 기존 6,100만 달러에 이어 1억 200만 달러 규모의 시리즈 C 투자를 추가로 유치하며 기업 가치 10억 달러를 돌파했습니다. Next.js 다운로드 수와 Edge Network 트래픽이 급증하는 가운데, IBM과 Facebook 등 글로벌 엔터프라이즈 고객층을 3배로 확대하며 웹 인프라 시장에서의 입지를 굳히고 있습니다.

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 라이브러리를 넘어 애플리케이션 프레임워크로서 제품 출시 속도를 높이는 핵심 도구가 될 것임을 강조합니다.