نکست جی اس

تفاوت Pages Router vs App Router (تمرکز روی App Router)

نقش فایل‌های layout.tsx, page.tsx, loading.tsx

Dynamic Routes: مثل app/blog/[slug]/page.tsx

گروه‌بندی Routes با (marketing) و (shop)

لودینگ و خطاها: استفاده از error.tsx و loading.tsx

بهینه‌سازی: پیش‌لود مسیرها با router.prefetch()

تفاوت SSR, SSG, ISR

API Routes: ساخت Endpoint با route.ts

مثال واقعی با Strapi یا Sanity

استفاده از generateStaticParams برای SSG

کش‌سازی: درک Next.js Cache Behavior

CSS Modules + Tailwind CSS

کامپوننت‌های سرور: استفاده از async/await در کامپوننت‌ها

بهینه‌سازی تصاویر: next/image (مثال: لود تصاویر با placeholder="blur")

shadcn/ui برای کامپوننت‌های آماده

next-themes برای تم تاریک/روشن

NextAuth.js (نسخه جدید):

راه‌اندازی Login با Google Provider

ساخت صفحه api/auth/[...nextauth]/route.ts

Middleware: کنترل دسترسی با matcher

محافظت از Routes: مثل /dashboard

پیش‌لود فونت‌ها

انتشار روی Vercel

تنظیمات next.config.js برای دامنه اختصاصی