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. ويبقى التتبع متوافقًا مع 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 ويفتحون تذاكر تتبع لأي تغيير قد يؤثر على 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.