Vinext 1.0: застосунки Next.js тепер працюють на Vite

Cloudflare випустила Vinext 1.0 - фреймворк, який дозволяє будь-якому застосунку Next.js працювати на Vite. Про реліз компанія оголосила у своєму блозі 28 вересня 2026 року.

Від AI-експерименту до продакшену

Vinext стартував у лютому як тижневий експеримент із залученням штучного інтелекту: треба було з'ясувати, наскільки далеко один інженер зможе зайти у відтворенні фреймворку Next.js на основі Vite. За сім місяців проєкт виріс у фреймворк, який клієнти використовують у продакшені для динамічних застосунків із високим навантаженням.

Версія 1.0 зосереджена на переносимості: застосунок, написаний для Pages або App Router, можна розгорнути на будь-якій вебплатформі, зокрема на безкоштовному плані Cloudflare Workers, Netlify чи AWS Lambda. За даними Cloudflare, сумісність у тестах для найзапитуваніших функцій перевищує 99%, без урахування cache components.

Що нового у версії 1.0

Реліз підтримує обидва роутери та гібридні застосунки: React Server Components, Server Actions, API-роути, route handlers, middleware і навігацію на клієнті. Сторінки можна рендерити на сервері, генерувати заздалегідь під час збірки, експортувати як статичні файли або кешувати через page-level ISR.

Функції кешування тепер спільні для App і Pages Router та підтримуваних середовищ, а також працюють із Workers Cache від Cloudflare. Трасування залишається сумісним із Next.js, тож наявні налаштування OpenTelemetry і Sentry продовжують працювати, а на Workers трасування інтегрується з native Workers Observability. Vinext реалізує публічний інтерфейс next/* і типові патерни Next.js для автентифікації, MDX, оптимізації зображень, шрифтів і метаданих.

Прогрів кешу

Раніше Vinext підтримував ISR лише після першого запиту. У версії 1.0 сторінки можна попередньо рендерити під час збірки за допомогою generateStaticParams() і getStaticPaths(), а потім скасовувати їх за шляхом або тегом. Також підтримується повністю статичний експорт.

Оскільки великі сайти можуть годинами рендерити сотні тисяч маловідвідуваних URL, Cloudflare додала прогрів кешу. Попередній рендеринг сторінок переходить із машини збірки в мережу Cloudflare, яка додатково може вибирати сторінки з високим трафіком. Нова версія Worker завантажується й розгортається на 0% продакшен-трафіку, з неї запитуються сторінки, і після наповнення кешів розгортання просувається безпечно.

Що далі

Щоранку агенти переглядають коміти Next.js canary і відкривають tracking-issues для змін, які можуть вплинути на Vinext; щоночі матриця сумісності генерується заново. Міграція займає дві команди: npx vinext check і npx vinext init. Нові проєкти починаються з npm create vinext-app@latest my-app, а розгортання виконується через npx @vinext/cloudflare deploy --warm-cache. Vinext має відкритий код на github.com/cloudflare/vinext.