على سبيل المثال ، عند استخدام getServersIdeProps () لجلب واجهة برمجة تطبيقات داخلية تُرجع بيانات المستخدم ، من الطبيعي أن نعتقد أن هذا النهج مثالي لأغراض كبار المسئولين الاقتصاديين. ومع ذلك ، تنصح وثائق Next.js بعدم استخدام FETCH () لاستدعاء طرق API داخل getServersIdeProps (). GetServersIdeProps () وتنفيذ طرق API على الخادم. هذا الطلب الإضافي غير فعال ولا يوفر فائدة إضافية. هذا يسمح لـ GetServersIdeProps () بالتفاعل المباشر مع قاعدة البيانات أو نظام الملفات أو الموارد الأخرى دون تقديم مكالمات API غير الضرورية.

تصدير معالج دالة ASYNC الافتراضي (REQ ، RES) { استجابة const = انتظر الجلب (/ * نقطة نهاية API الخارجية */) ؛ const jSondata = Await Response.json () ؛ Res.Status (200) .Json (Jsondata) ؛ }

يمكن استخراج هذا المنطق في وظيفة منفصلة يمكن استخدامها في كل من مسار API و getServersIdeProps (): // pages/api/user تصدير وظيفة async getData () { استجابة const = انتظر الجلب (/ * نقطة نهاية API الخارجية */) ؛ const jSondata = Await Response.json () ؛ إرجاع jsondata ؛ } تصدير معالج دالة ASYNC الافتراضي (REQ ، RES) { const jSondata = في انتظار getData () ؛ Res.Status (200) .Json (Jsondata) ؛ }

هذا يسمح بإعادة استخدام وظيفة getData () في getServersIdeProps ():

// pages/home استيراد {getData} من './API/USER' ؛ تصدير وظيفة async getServersIdeProps (السياق) { const jSondata = في انتظار getData () ؛ // ... } باتباع هذه الإرشادات ، يمكن للمطورين تحسين أداء وكفاءة تطبيقات NEXT.JS الخاصة بهم مع الحفاظ على فوائد كبار المسئولين الاقتصاديين.