Gaza, a piece of our soul. ❤️🇵🇸

تختار App Router ولا Page Router في Next.js وليه؟

تختار App Router ولا Page Router في Next.js وليه؟ 


لو شغال على مشروع باستخدام Next.js، هتلاقي نفسك بتسأل السؤال ده. خلينا نوضح الفرق ببساطة:

 Page Router: السرعة والبساطة
مناسب للمشاريع البسيطة وسريعة التنفيذ:

  1.  File-based routing: كل ملف في فولدر pages/ بيتحول تلقائيًا لمسار.
  2.  Server-Side Rendering (SSR): استخدام getServerSideProps و getStaticProps لجلب البيانات.
  3.  التوجيه الثابت: مناسب للمشاريع ذات المسارات البسيطة والواضحة.

 App Router: المرونة والتحكم الكامل
الأفضل للمشاريع المعقدة والكبيرة Large scale apps :

  1.  Nested routing: بناء مسارات متداخلة ومتعددة المستويات بسهولة.
  2.  Server Components: تحسين الأداء في التعامل مع البيانات المتغيرة.
  3.  Dynamic routes: دعم متقدم للمسارات الديناميكية.

 نختار إيه؟

 Page Router: للمشاريع البسيطة والسريعة.

 App Router: للمشاريع المعقدة والتي تحتاج لمرونة أكبر.

 

 نصيحة: أنا برشح استخدام App Router في معظم الحالات، خاصة مع توقع زيادة الدعم له في المستقبل.
ودا التوثيق الرسمي له ممتع الصراحه في القراءه والتعلم 

https://nextjs.org/docs/app