cloudflare/vinext
Next.js를 Vite로 재구현한 vinext, 이제 누구나 배포 가능
원제 cloudflare/vinext
스타 9,020당일 +100TypeScript
Key Point
새로운 빌드 도구로 Next.js 애플리케이션을 더 빠르게 배포하려는 개발자들의 선택지가 생겼으며, Cloudflare Workers·AWS·Netlify 등 어디든 배포 가능해졌다.
핵심 요약
- Cloudflare가 Next.js API를 Vite 플러그인으로 재구현한 vinext를 공개했으며, Cloudflare Workers 외에도 Node.js·AWS·Netlify 등 다양한 플랫폼 배포를 지원한다.
- App Router·Pages Router 모두 지원하며, React Server Components·Server Actions·미들웨어·라우트 핸들러·ISR 등 주요 Next.js 기능이 동작한다.
- 다음 기능들은 아직 불완전하다: 캐시 컴포넌트와 Partial Prerendering, 빌드타임 이미지 폰트 최적화, App Router 개발 환경에서 native 모듈 지원, 플랫폼별 고급 기능(`preferredRegion`, `runtime` 설정).
- 기존 Next.js 프로젝트는 `vinext init` 한 줄로 마이그레이션 가능하며, ESM으로 자동 변환·의존성 설치·Vite 설정 생성을 수행한다.
- Cloudflare Workers 배포는 `npx @vinext/cloudflare deploy`로 진행하며, D1·R2·KV·AI 등 모든 바인딩을 `cloudflare:workers`로 접근할 수 있다.
- 1,700개 Vitest 테스트와 380개 Playwright E2E 테스트로 검증했으며, Next.js 테스트 스위트와 OpenNext 준수성 테스트도 포함한다.
- Vite 8 기반이므로 esbuild·Rollup 대신 Rolldown·Oxc·Lightning CSS를 사용해 빌드가 빠르고 번들 크기가 작다.
- OpenNext보다는 가볍지만 기능 완성도는 낮으며, 버그-호환 패리티 대신 실제 앱 95% 이상을 커버하는 실용성을 추구한다.
- 자체 호스팅 시 `PORT` 환경변수로 포트 설정 가능하며, Next.js `standalone` 출력도 지원한다.
- Next.js 16.x만 지원하며, Nitro 플러그인으로 Vercel·Netlify·AWS·Azure·Deno Deploy 등으로도 배포할 수 있다.
- 프로덕션 사용 전 `vinext check`로 호환성을 먼저 검사하고, 지원 상태를 확인할 것을 권장한다.
- AI 에이전트 기반 마이그레이션 도구도 제공되어 호환성 검사·의존성 설치·설정 생성을 자동화할 수 있다.
저장소 보기 ↗github.com