مسیریابی اپ راوتر در Next.js

این راهنما ساختار مسیریابی اپ راوتر در Next.js را از پایه توضیح می‌دهد: چگونه پوشه‌ها به نشانی تبدیل می‌شوند و مرز سرور و کلاینت کجاست.

پوشه به نشانی

هر پوشه یک قطعه از مسیر است و فایل page.tsx آن قطعه را قابل‌مشاهده می‌کند. پوشه‌ای بدون page مسیر نمی‌سازد.

app/
  [locale]/
    page.tsx              ->  /fa/
    blog/
      page.tsx            ->  /fa/blog/
      [author]/
        [slug]/
          page.tsx        ->  /fa/blog/mina/my-post/

کامپوننت سرور و کلاینت

• دسترسی به پایگاه داده: کامپوننت سرور دارد، کامپوننت کلاینت ندارد.

• حالت و رویداد: کامپوننت کلاینت دارد، کامپوننت سرور ندارد.

• حجم بسته‌ی مرورگر: کامپوننت سرور صفر، کامپوننت کلاینت افزایش می‌دهد.

• پیش‌فرض را سرور بگذارید و تنها جایی که تعامل لازم است کلاینت کنید.

• داده را در کامپوننت سرور بخوانید و به کلاینت پاس بدهید.

• هیچ کلید محرمانه‌ای را در کامپوننت کلاینت نیاورید.

هر کامپوننت کلاینت، جاوااسکریپتی است که کاربر باید دانلود کند.

1. ساختار مسیر را طراحی کنید.

2. مرز سرور و کلاینت را مشخص کنید.

3. داده را در بالاترین نقطه‌ی ممکن بخوانید.

4. کش را برای هر مسیر تعیین کنید.