شروع کار با Next.js 16

در این یادداشت کوتاه، چند مفهوم مهمی را مرور می‌کنم که هنگام ساخت یک وب‌سایت با Next.js 16 و App Router بیشتر با آن‌ها سروکار دارم.

چرا App Router؟

با App Router، هر صفحه به‌طور پیش‌فرض یک Server Component است. یعنی کدی که فقط برای خواندن داده لازم است، به مرورگر ارسال نمی‌شود و بسته‌ی جاوااسکریپت سبک‌تر می‌ماند.

الگوی ساده‌ی کار با داده

• داده را در Server Component بخوان و نتیجه را به‌صورت props پایین بده.
• تغییر داده را با Server Action انجام بده و بعد از موفقیت، مسیر را revalidate کن.
• فقط کامپوننت‌هایی که به تعامل نیاز دارند را "use client" کن.

جمع‌بندی

نیازی نیست از روز اول همه‌چیز را بهینه کنی. با ساختار ساده شروع کن و فقط جایی پیچیدگی اضافه کن که اندازه‌گیری نشان بدهد لازم است.