Vinext 1.0. Next.js հավելվածները՝ Vite-ի վրա

Cloudflare-ը ներկայացրել է Vinext 1.0-ը՝ բաց կոդով շրջանակ, որը ցանկացած Next.js հավելված թույլ է տալիս աշխատել Vite-ի վրա։ Ընկերությունը թողարկման մասին հայտարարել է 2026 թվականի սեպտեմբերի 28-ին իր բլոգում։

AI փորձարկումից մինչև արտադրություն

Vinext-ը սկսվել է փետրվարին որպես մեկշաբաթյա AI փորձարկում. նպատակն էր պարզել, թե մեկ ինժեներ որքան հեռու կարող է գնալ 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-ի ու աջակցվող միջավայրերի միջև ընդհանուր են, լրացուցիչ աշխատում է Cloudflare-ի Workers Cache-ը։ Հետագծումը համատեղելի է Next.js-ի հետ, ուստի OpenTelemetry-ի և Sentry-ի կարգավորումները շարունակում են աշխատել։ Vinext-ը իրականացնում է next/* հանրային միջերեսը և Next.js-ի սովորական ձևանմուշները՝ նույնականացման, MDX-ի, պատկերների օպտիմիզացիայի և տառատեսակների համար։

Քեշի տաքացում

Նախկինում Vinext-ը ISR-ին աջակցում էր միայն առաջին հարցումից հետո։ 1.0-ում էջերը կարելի է նախապես մշակել կառուցման ժամանակ generateStaticParams()-ի և getStaticPaths()-ի միջոցով, ապա անվավեր դարձնել ըստ ուղու կամ թեգի։ Աջակցվում է նաև ամբողջովին ստատիկ արտահանումը։

Մեծ կայքերը ժամեր են ծախսում հարյուր հազարավոր ցածր այցելություն ունեցող URL-ների վրա, ուստի Cloudflare-ը ավելացրել է քեշի տաքացում։ Էջերի նախնական մշակումը կառուցման մեքենայից տեղափոխվում է Cloudflare-ի ցանց, որը կարող է նաև ընտրել բարձր տրաֆիկով էջերը։ Worker-ի նոր տարբերակը բաշխվում է արտադրության տրաֆիկի 0%-ի վրա, դրանից էջեր են հարցվում, իսկ քեշերը լցվելուց հետո տեղակայումը առաջ է մղվում։

Ինչ է սպասվում

Ամեն առավոտ գործակալները ստուգում են Next.js canary-ի commit-ները և բացում tracking issue-ներ Vinext-ի վրա ազդող փոփոխությունների համար. ամեն գիշեր համատեղելիության մատրիցը նորից ստեղծվում է։ Տեղափոխումը կատարվում է երկու հրամանով՝ npx vinext check և npx vinext init։ Նոր նախագծերը սկսվում են npm create vinext-app@latest my-app-ով, իսկ տեղակայումը՝ npx @vinext/cloudflare deploy --warm-cache-ով։ Բաց կոդը՝ github.com/cloudflare/vinext։