Nextjs

آشنایی با Next.js 16

1. 1. Next.js چیست و چه مسئله‌ای را حل می‌کند؟
2. 2. تفاوت React و Next.js
3. 3. پیش‌نیازها و آماده‌سازی محیط توسعه
4. 4. ساخت پروژه با create-next-app
5. 5. ساختار فایل‌ها و پوشه‌ها
6. 6. اجرای پروژه، اسکریپت‌ها و Turbopack
7. 7. مهم‌ترین تغییرات Next.js 16
8. 8. آزمون فصل اول

App Router، صفحات و Layoutها

1. 1. مفهوم App Router و تفاوت آن با Pages Router
2. 2. ساخت صفحات با page.tsx
3. 3. Root Layout، تنظیم lang="fa" و dir="rtl"
4. 4. Nested Layoutها
5. 5. Route Groups و سازمان‌دهی مسیرها
6. 6. پوشه‌های خصوصی و ساختاردهی فایل‌ها

Routing و Navigation

1. 1. لینک‌سازی با Link
2. 2. مسیرهای پویا، params ناهمگام و مسیرهای تودرتو
3. 3. searchParams و Query String
4. 4. Catch-all و Optional Catch-all Routes
5. 5. مسیریابی برنامه‌ای با useRouter
6. 6. Redirect، not-found.tsx و notFound()

Server Components و Client Components

1. 1. مدل کامپوننت‌ها و رندر در App Router
2. 2. Server Components و کاربرد آن‌ها
3. 3. Client Components و دستور use client
4. 4. State، Event و HookهاState، Event و Hookها
5. 5. Props، انتقال داده و مرز Server/Client
6. 6. ترکیب Server و Client Components