Cloudflare, Next.js를 Vite와 Workers에서 실행하는 Vinext 1.0 출시

Cloudflare가 Next.js 애플리케이션을 Vite에서 실행하고 Cloudflare Workers, Netlify, AWS Lambda 등 다양한 웹 플랫폼에 배포할 수 있게 하는 프레임워크 Vinext 1.0을 출시했다. AI 기반 실험으로 시작된 Vinext는 이제 App Router와 Pages Router를 모두 지원하는 프로덕션 준비 도구로 성장해, 기존 Next.js 프로젝트를 최소한의 변경으로 이식할 수 있게 한다.

호환성 및 테스트

Vinext 1.0은 API 모방을 넘어 동작 충실도를 우선시하며, revalidatePath가 렌더링된 페이지와 캐시 항목에 올바르게 영향을 미치는지 보장한다. 주요 고객 요청 기능에 대한 테스트 호환성은 두 라우터 모두 99% 이상을 달성했다. 이 안정성은 Next.js 엔드투엔드 테스트 스위트를 Vinext에 매일 밤 실행하는 rigorous한 테스트와 수천 개의 핵심 프레임워크 테스트를 통해 유지된다.

1.0의 주요 기능

이번 릴리스는 서버 렌더링, 정적 내보내기, **Incremental Static Regeneration (ISR)**을 포함한 전체 페이지 생명주기에 대한 포괄적인 지원을 도입한다. 주요 기능은 다음과 같다:

• 라우터 지원: App Router, Pages Router, 하이브리드 애플리케이션, React Server Components, Server Actions에 대한 완전한 호환성.
• 캐싱: 라우터와 런타임 간 공유 캐싱 함수, 특히 Cloudflare Workers Cache 지원.
• 관측성: OpenTelemetry, Sentry, 네이티브 Workers Observability와 통합되는 Next.js 호환 추적 기능.
• 생태계 호환성: 인증, MDX, 이미지 최적화, 폰트를 지원하는 공개 next/* 표면 구현.

캐시 워밍

Vinext 1.0은 빌드 과정에서 수천 개의 저트래픽 페이지를 사전 렌더링하는 비효율성을 해결하기 위해 cache warming 기능을 도입했다. 이 기능은 페이지 사전 렌더링을 빌드 머신에서 Cloudflare 네트워크로 이동시킨다. 배포 시 새 Worker 버전이 트래픽의 0%에 배포되고, 해당 버전에서 페이지를 요청해 캐시를 채운 후 프로덕션으로 승격한다. 이를 통해 고트래픽 페이지의 빠른 응답 시간을 보장한다.

자동화된 유지보수

Next.js canary의 일일 업데이트에 대응하기 위해 Cloudflare는 자동화 에이전트 시스템을 사용한다. 매일 아침 에이전트가 상류 변경 사항을 검토하고 Vinext에 미칠 잠재적 영향에 대한 추적 이슈를 연다. 에이전트는 격차를 식별하고 재현을 구축하며 수정 사항을 제안할 수도 있어, 유지보수 인력이 Next.js와 Vite 간의 복잡한 아키텍처 매핑에 집중할 수 있게 한다.