Cloudflare, Vinext 1.0 공개: Next.js로 만든 웹 애플리케이션을 여러 플랫폼에 배포할 수 있게 하는 프레임워크

무슨 일이 있었나

Cloudflare는 2026년 9월 28일 공식 블로그를 통해 Vinext 1.0 출시를 발표했으며, 글은 James Anderson과 Matt “TK” Taylor가 작성했다. Next.js는 웹사이트와 웹 애플리케이션을 만들 때 널리 쓰이는 프레임워크(개발에 필요한 기능을 묶어 둔 도구 모음)이고, Vite는 웹 개발에 쓰이는 빌드 도구다. Vinext는 Next.js용으로 만든 애플리케이션을 Vite 위에서 그대로 돌아가게 하려는 프로젝트다.

Cloudflare에 따르면 Vinext는 2월에 처음 선보였으며, 원래는 엔지니어 한 명이 Vite를 기반으로 Next.js 프레임워크를 어디까지 재현할 수 있는지 시험하기 위한 일주일간의 AI 기반 실험이었다. Cloudflare는 이후 7개월 동안 Vinext가 자사 고객들이 프로덕션 환경(실제 사용자가 이용하는 운영 환경)에서 트래픽이 많은 동적 애플리케이션에 사용하는 프레임워크로 자리 잡았다고 밝혔다. 회사는 1.0 버전에서 호환성, 안정성, 캐시 동작이 크게 개선됐다고 설명했다.

자세한 설명 보기

출처를 수집하고 독립적으로 검증한 뒤 Jev가 판단합니다.

Vinext 1.0의 주요 내용

Cloudflare의 설명에 따르면 Vinext 1.0은 Next.js의 최근 신기능을 모두 그대로 복제하기보다 고객에게 가장 필요한 기능에 초점을 맞췄다. 아래 목록에서 App Router와 Pages Router는 Next.js에서 페이지 주소(경로)와 화면을 구성하는 두 가지 방식을 말한다.

• 라우팅 지원: App Router, Pages Router 및 두 방식을 섞은 혼합형 애플리케이션을 모두 지원하며, React Server Components, Server Actions, API routes, route handlers, middleware, 클라이언트 측 내비게이션을 포함한다.
• 페이지 생명주기: 두 라우터의 경로를 빌드(코드를 배포 가능한 형태로 만드는 과정) 시 미리 렌더링할 수 있고, 페이지 단위 ISR(미리 만들어 둔 페이지를 백그라운드나 요청에 따라 다시 생성해 갱신하는 방식)로 응답을 제공하며, 경로나 태그 기준으로 무효화할 수 있다. 또한 output: "export"를 지원해 완전한 정적 사이트를 생성할 수 있다.
• 관측성: 요청이 애플리케이션 안에서 어떻게 처리되는지 추적하는 Next.js 호환 트레이싱 기능을 제공해 기존 OpenTelemetry 및 Sentry 설정을 그대로 사용할 수 있다.
• 생태계 호환성: 공개된 next/* 인터페이스를 구현해 인증, MDX, 이미지 최적화, 폰트, metadata, 환경 변수 등 일반적인 사용 방식을 지원한다.
• 마이그레이션: Cloudflare는 npx vinext check와 npx vinext init 두 명령어만 있으면 되며, 기존 프로젝트 구조는 유지된다고 밝혔다.

캐시 워밍: 사전 렌더링을 빌드 과정 밖으로

Cloudflare는 이번 발표에서 페이지 사전 렌더링을 빌드 머신에서 Cloudflare 네트워크로 옮기는 ‘캐시 워밍’(cache warming) 방식을 제시했다. 캐시는 미리 만들어 둔 응답을 저장해 두었다가 빠르게 내주는 곳이고, 캐시 워밍은 실제 방문자가 오기 전에 이 저장소를 미리 채워 두는 것을 말한다. 회사 설명에 따르면 배포 시 새 Worker 버전을 업로드해 프로덕션 트래픽 0%로 배포한 뒤, 해당 버전에 페이지를 요청하고 캐시가 채워진 후에야 정식 출시한다. Cloudflare는 Vinext가 트래픽이 많은 페이지를 추가로 식별해 사전 렌더링 목록에 넣을 수도 있다고 밝혔다.

URL이 많은 사이트에 대한 Cloudflare의 논리는 이렇다. 빌드 단계에서는 어떤 페이지의 트래픽이 많은지 알 수 없어 페이지를 하나하나 렌더링하면 많은 시간이 낭비될 수 있으며, 대신 배포 전에 네트워크에서 미리 워밍하면 사이트가 공개되는 즉시 캐시에서 빠르게 응답할 수 있다는 것이다. 이 효과는 Cloudflare의 주장이며, 현재 독립적인 테스트 데이터는 없다.

일반 독자와 개발팀에게 갖는 의미

Vinext의 목표는 Next.js로 만든 애플리케이션이 특정 배포 플랫폼에 묶이지 않도록 하는 것이다. 일반 사용자는 이런 변화를 직접 체감하기 어렵지만, 웹사이트 뒤편의 호스팅 선택과 출시 속도에는 영향을 줄 수 있다.

개발팀은 Cloudflare 스스로 언급한 한계에 주의해야 한다. Next.js 16은 “use cache” 지시어로 작동하는 캐시 기능인 Cache Components를 프레임워크 미래의 중요한 부분으로 보고 있지만, Vinext는 현재 이 지시어를 제한적으로만 지원한다. 이 기능에 의존하는 프로젝트는 특히 유의해야 한다.

이 주제의 최신 뉴스 보기

• 테크 뉴스