ما تعلمناه من العمل على Next.js 16

صدر Next.js 16 في 21 أكتوبر 2025، وبنينا عليه منصتنا ونظام Qistora. هذه أبرز التغييرات التي تعاملنا معها فعلياً.

1. proxy.ts بدل middleware.ts

استُبدل ملف Middleware بملف proxy.ts لتوضيح أنه يعمل على حدود الشبكة. نصيحتنا: أبقه خفيفاً — إعادة توجيه، ترويسات، فحص وجود ملف تعريف الارتباط — ولا تضع فيه منطق العمل. في منصتنا يضبط proxy.ts سياسة أمان المحتوى بـ nonce لكل طلب.

2. Turbopack هو المجمّع الافتراضي

أصبح Turbopack مستقراً وافتراضياً للتطوير والبناء. لاحظنا بناءً أسرع بوضوح، مع إمكانية العودة إلى webpack بالعلَم --webpack عند الحاجة.

3. Cache Components اختيارية وصريحة

لم يعد الإطار يخمّن ما يُخزَّن مؤقتاً: الشيفرة الديناميكية تعمل عند الطلب افتراضياً، والتخزين يتم صراحة بتوجيه "use cache" بعد تفعيل cacheComponents: true. القاعدة عندنا: لا نخزّن أي بيانات تعتمد على المستخدم، ونستخدم الوسوم (Tags) لإبطال المحتوى المنشور فور تحديثه.

4. نصائح للترقية

• راجع كل ملف middleware قديم وانقله إلى proxy.ts مع تبسيطه.
• اختبر البناء الإنتاجي كاملاً، لا وضع التطوير فقط.
• راقب استهلاك الذاكرة بعد تفعيل Cache Components؛ أفاد بعض المطورين بارتفاعه.
• ثبّت الإصدارات بدقة، وحدّث عند صدور إصلاحات أمنية.

المصدر: إعلان Next.js 16 الرسمي.