Vercel Blog

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

Vercel이 모든 플랜에 적용 가능한 프리뷰 배포 보호 기능과 Pro/Enterprise 고객을 위한 고급 배포 보호 기능을 새롭게 출시했습니다. 이번 업데이트는 Vercel 인증, 공유 링크, 비밀번호 보호 및 자동화 도구를 위한 헤더 시크릿 기능을 포함하여 팀 내외부 협업의 보안성을 대폭 강화합니다.

Vercel은 환경 변수의 줄바꿈 지원 및 개수 제한 도입, 기존 'now' 패키지를 대체하는 새로운 'vercel' CLI 출시 등 개발 워크플로우 최적화에 집중했습니다. 또한 도메인 삭제 시 관련 리소스를 자동 정리하고 Git 계정 연동 로직을 개선하여 운영 효율성을 높였습니다.

Vercel은 ZEIT Now 1.0의 신규 배포를 중단하고 now.sh 대신 vercel.app 도메인을 사용하는 브랜드 리브랜딩을 단행했습니다. 또한 Gatsby 캐싱 최적화, 빌드 로그 속도 개선, 라우팅 에러 메시지 구체화 등 개발자 경험을 높이기 위한 다양한 기능 업데이트를 진행했습니다.

Vercel이 명령줄 인터페이스(CLI)를 통해서만 가능했던 DNS 레코드 설정을 웹 대시보드에서 직접 관리할 수 있는 새로운 UI 기능을 출시했습니다. 특히 Gmail 등 주요 서비스용 MX 레코드를 간편하게 설정할 수 있는 프리셋 기능이 추가되어 도메인 관리의 복잡성을 줄였습니다.

이번 업데이트는 404/301 상태 코드 캐싱 지원과 ISR(Incremental Static Regeneration)의 글로벌 일관성 확보 등 배포 신뢰성을 높이는 데 집중했습니다. 또한, 대시보드 내 환경 변수 관리와 프로젝트 설정 편의성을 개선하여 개발 워크플로우를 최적화했습니다.

Next.js는 서버 사이드 렌더링(SSR)과 정적 생성(SSG)이라는 두 가지 핵심 프리렌더링 방식을 통해 성능과 데이터 최신성을 조절할 수 있습니다. 특히 ISR(Incremental Static Generation)을 활용하면 빌드 이후에도 페이지를 점진적으로 업데이트하여, 정적 생성의 빠른 속도와 서버 사이드 렌더링의 실시간성을 동시에 확보할 수 있습니다.

Vercel은 신규 프로젝트 생성 시 기본 프로덕션 배포 브랜치를 'main'으로 지정하고, 사용자가 원하는 특정 브랜치를 프로덕션용으로 선택할 수 있는 기능을 도입했습니다. 이를 통해 개발자는 프리뷰 배포와 프로덕션 배포를 분리하여 더욱 안전한 CI/CD 파이프라인을 구축할 수 있습니다.

Vercel은 Next.js의 Fast Refresh 기능을 통해 UI 업데이트 속도를 획기적으로 높이고, Vercel CLI 개선으로 로컬과 클라우드 간 환경 동기화를 최적화했습니다. 또한 새로운 Anycast IP 도입을 통해 전 세계 사용자에게 최대 6배 빠른 페이지 로딩과 강력한 보안 성능을 제공합니다.

Vercel은 Node.js 버전을 12.18.3으로 업데이트하고 RedwoodJS 프레임워크를 자동 감지하는 기능을 도입했습니다. 또한 배포 파기 신뢰성을 높이기 위해 새로운 파이프라인을 적용하고, 대시보드의 도메인 관리 및 Git 통합 편의성을 개선하여 개발 워크플로우 최적화를 꾀했습니다.

모노레포는 여러 프로젝트와 프레임워크를 하나의 저장소에 통합하여 패키지 업데이트, 협업, 로컬 개발을 용이하게 만드는 아키텍처입니다. Vercel의 Turborepo는 과거 대규모 기업만 가능했던 모노레포 운영의 복잡성을 해결하고 원격 캐싱을 통해 빌드 속도를 획기적으로 높여줍니다.

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배로 확대하며 웹 인프라 시장에서의 입지를 굳히고 있습니다.