المقدمة
App Router في Next.js غيّر طريقة تفكيرنا في تطبيقات React بشكل جذري. بعد بناء عشرات التطبيقات في بيئة الإنتاج، هذه الأنماط التي تُحقق نتائج متسقة.
1. Server Components أولاً
ابدأ دائماً بـ Server Components واستخدم Client Components فقط عند الضرورة. هذا يُبقي حجم الـ bundle صغيراً وجلب البيانات قريباً من المصدر.
2. جلب البيانات بالتوازي
استخدم Promise.all أو استدعاءات async متعددة في نفس المستوى للجلب بالتوازي.
3. Streaming مع Suspense
اف Suspense حول عمليات الجلب البطيئة لبث المحتوى بشكل تدريجي.
الخلاصة
App Router يكافئ التفكير من جانب الخادم أولاً. ابدأ من هناك، أضف التفاعلية حيث تحتاج، واعتمد على Suspense للتحميل التدريجي.