Cloudflare, AI로 Next.js를 1주일 만에 Vite로 재구현한 vinext 공개

2 days ago 3

Cloudflare의 한 엔지니어가 AI(Claude)의 도움을 받아, 복잡한 Next.js 인프라를 Vite 기반으로 완전히 새로 작성한 프로젝트 'vinext(vee-next)' 를 공개. 기존 Next.js의 고질적인 배포 및 빌드 문제를 해결하기 위한 실험적인 시도.

주요 요약

동기: Next.js는 훌륭하지만, 자체 빌드 도구인 Turbopack에 강하게 의존하여 Cloudflare Workers나 AWS Lambda 같은 서버리스 환경에 배포하려면 OpenNext 같은 복잡한 어댑터를 거쳐야 하는 '배포 병목' 문제가 있었음.
개발 과정: AI를 적극 활용해 1주일 내 구현. Next.js 테스트 및 OpenNext의 적합성 테스트에서 포팅된 Vitest 1,700+ / Playwright E2E 380 개의 테스트로 검증. Next.js 16 API surface 테스트의 94%를 통과
해결책: Next.js의 결과물을 수정하는 대신, 처음부터 Vite 위에서 Next.js의 API(Routing, RSC, SSR 등)를 그대로 구현함.
성과: AI 토큰 비용 약 $1,100를 들여 일주일 만에 완성. 결과물은 Next.js 대비 빌드 속도는 최대 4배 빠르고, 클라이언트 번들 크기는 57% 더 작음.
기술적 특징: next/link, next/navigation, Server Actions, RSC(React Server Components) 등 핵심 API를 Vite 플러그인 형태로 재구현하여 기존 Next.js 앱을 거의 그대로 옮겨올 수 있음.

의의: 거대한 프레임워크도 잘 정의된 테스트와 AI의 도움을 받으면 단기간에 '가볍고 빠른 버전'으로 대체 가능하다는 것을 증명함.

Read Entire Article