تفاوت app router و page ro

سلام دوست من 🖐
امیدوارم حالت خوب و عالی باشی✨

در Next.js، Page Router و App Router دو تفاوت اصلی در مدیریت مسیرها و روتینگ در برنامه‌ها وجود داره

1. Page Router (مسیرهای صفحه):

   • Page Router به معنای مسیرهایی هست که برای هر صفحه خاص در برنامه شما تعریف میشن . در Next.js، هر فایل JavaScript یا JSX در پوشه pages به صورت پیش‌فرض به یک مسیر URL تبدیل میشن . به عبارت دیگه، هر فایل در pages نمایانگر یک صفحه خاصه.

   • Page Router به تنهایی برای تعریف مسیرها و روتینگ برای صفحات استفاده میشه. مثلاً اگر یک فایل به نام about.js در پوشه pages داشته باشی، این فایل به صورت پیش‌فرض در مسیر /about در دسترس هستش.

   • Page Router به صورت پیش‌فرض از نویگیشن SSR (Server-Side Rendering) برای صفحات استفاده میکنه، اما میتونی به سادگی به نویگیشن CSR (Client-Side Rendering) تغییر بدی .

2. App Router (مسیرهای برنامه):

   • App Router به معنای مسیرهایی هست که خارج از پوشه pages و در تمام انحصار نمی‌پذیرن. این مسیرها برای کنترل رفتار برنامه در نقاط مختلفی از برنامه استفاده می‌شن.

   • App Router معمولاً برای مواردی استفاده می‌شن که نیاز به مدیریت نوارهای بالا (navbars)، منوها، پیغام‌های جاری (toasts)، یا موارد مشابه دارند. این مسیرها میتوننن در هر صفحه وجود داشته باشن و از تغییر مسیر اصلی صفحه جلوگیری نمی‌کنن !!!.

   • App Router بیشتر برای تنظیم مسیرهای مشابه مسیرهای صفحه مورد استفاده قرار میگیره ، اما میتونه تغییرات اضافی را اعمال کنه.

به طور کلی، Page Router به صورت اصلی برای مسیریابی صفحات و محتوای اصلی برنامه در Next.js استفاده میشه ، در حالی که App Router برای مواردی مانند نوارهای بالا، منوها و عناصر واسط کاربری مفیده.

امیدوارم پاسخم بهت کمک کرده باشه ❤️
موفق و پیروز باشی 🤘🌹