Vinext 1.0: אפליקציות Next.js רצות על Vite

Cloudflare השיקה את Vinext 1.0, פריימוורק שמאפשר לכל אפליקציית Next.js לרוץ על Vite. החברה הודיעה על השחרור בבלוג שלה ב-28 בספטמבר 2026.

מניסוי AI לפרודקשן

Vinext החל בפברואר כניסוי בן שבוע שהונע בידי בינה מלאכותית, שנועד לבדוק עד כמה רחוק מהנדס אחד יכול להגיע בשחזור פריימוורק Next.js מעל Vite. אחרי שבעה חודשים הפרויקט הפך לפריימוורק שלקוחות מריצים בפרודקשן עבור אפליקציות דינמיות בעלות עומס גבוה.

גרסה 1.0 מתמקדת בניידות: אפליקציה שנבנתה עבור Pages Router או 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. ה-tracing נשאר תואם ל-Next.js, כך שתצורות OpenTelemetry ו-Sentry קיימות ממשיכות לעבוד, וב-Workers הטרייסים משתלבים עם native Workers Observability. Vinext מממש את הממשק הציבורי next/* ותבניות נפוצות של Next.js לאימות, MDX, אופטימיזציית תמונות, פונטים ומטא-נתונים.

חימום מטמון

בעבר Vinext תמך ב-ISR רק אחרי הבקשה הראשונה. בגרסה 1.0 אפשר לרנדר מראש נתיבים בזמן הבנייה באמצעות generateStaticParams() ו-getStaticPaths(), לבטל את התוקף שלהם לפי נתיב או תג, וגם לייצא אתר סטטי לחלוטין.

מכיוון שאתרים גדולים יכולים לבזבז שעות על רנדור של מאות אלפי כתובות בתעבורה נמוכה, 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.