App Router در Next.js 14: راهنمای جامع برای توسعه‌دهندگان

با معرفی App Router در Next.js 13 و بلوغ آن در نسخه ۱۴، شیوه توسعه اپلیکیشن‌های React به کلی تغییر کرده است. در این مقاله نگاهی جامع به این پارادایم جدید می‌اندازیم.

Server Components چیستند؟

Server Components اجازه می‌دهند کامپوننت‌های React روی سرور رندر شوند و HTML آماده به مرورگر ارسال شود. این یعنی کد شما به مرورگر فرستاده نمی‌شود، قابلیت دسترسی مستقیم به پایگاه‌داده را دارید، و bundle size جاوااسکریپت کمتر می‌شود.

Layouts و Nested Routing

سیستم layout در App Router بسیار قدرتمندتر از Pages Router است. می‌توانید layout های تودرتو داشته باشید که تنها بخش‌های تغییریافته صفحه را دوباره رندر کنند.

Streaming و Suspense

با Streaming می‌توانید بخش‌های مختلف صفحه را به صورت جداگانه و تدریجی به کاربر نشان دهید. این رویکرد تجربه کاربری را به خصوص برای صفحاتی با داده‌های کند بهبود می‌دهد.