فلش‌کارت‌های آموزشی Next.js: فریم‌ورک React برای توسعه وب‌سایت‌های استاتیک و سرور رندر شده

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره Next.js: فریم‌ورک React برای توسعه وب‌سایت‌های استاتیک و سرور رندر شده

موضوع کلی: علوم رایانه و فناوری اطلاعات

موضوع میانی: توسعه وب و برنامه‌نویسی سمت کاربر

📋 سرفصل‌های دوره

• 1. معرفی Next.js و جایگاه آن در اکوسیستم React
• 2. مقایسه Next.js با React محض و Create React App
• 3. راه‌اندازی محیط توسعه و نصب پروژه Next.js
• 4. ساختار پروژه و قراردادهای فایل‌ها در Next.js
• 5. آشنایی با App Router و Pages Router
• 6. صفحات و مسیریابی پایه در Next.js
• 7. مسیرهای پویا و پارامترهای مسیر
• 8. Layout و مسیرهای تو در تو
• 9. Route Groups و سازماندهی مسیرها
• 10. Parallel Routes و Intercepting Routes
• 11. کامپوننت Link و ناوبری در Next.js
• 12. Server Components: اصول و کاربرد
• 13. Client Components: تعامل و کاربرد
• 14. تفاوت Server و Client Components و مرزهای تعامل
• 15. Static Site Generation (SSG) و کاربردها
• 16. Server-Side Rendering (SSR) و کاربردها
• 17. Incremental Static Regeneration (ISR) و به‌روزرسانی محتوا
• 18. استراتژی‌های بازیابی داده در App Router
• 19. دریافت داده در Server Components با fetch
• 20. دریافت داده در Client Components و استفاده از hooks
• 21. Route Handlers و ساخت API‌های بک‌اند
• 22. مدیریت درخواست‌ها و پاسخ‌ها در Route Handlers
• 23. Middleware و کنترل مسیرها و احراز هویت
• 24. کش‌گذاری HTTP و استراتژی‌های Cache در Next.js
• 25. Layoutهای اشتراکی و استفاده از children
• 26. Loading UI و مدیریت حالت بارگذاری با Suspense
• 27. Error Boundary و مدیریت خطاهای رندر
• 28. بهینه‌سازی تصویر با next/image
• 29. بهینه‌سازی فونت با next/font
• 30. Metadata و تولید تگ‌های متا برای سئو
• 31. Forms و ارسال داده با Server Actions
• 32. احراز هویت و مدیریت نشست کاربر
• 33. مدیریت وضعیت سرور و کلاینت در Next.js
• 34. کار با دیتابیس و ORM (Prisma و Drizzle)
• 35. یکپارچه‌سازی سیستم مدیریت محتوا (CMS)
• 36. Streaming رندر و Suspense در عمق
• 37. استفاده از Hooks در Client Components
• 38. TypeScript در Next.js و تایپ‌سیفتی کاملاً
• 39. بهینه‌سازی بسته‌بندی و عملکرد بیلد
• 40. متغیرهای محیطی و تنظیمات اختصاصی پروژه
• 41. سفارشی‌سازی Document و App در Pages Router
• 42. تحلیل و بهینه‌سازی خروجی بیلد
• 43. استقرار پروژه در Vercel
• 44. استقرار با Docker و سرویس‌های هوشمند
• 45. استقرار روی سرویس‌های اختصاصی Node.js و AWS
• 46. مانیتورینگ، لاگ و دیباگ در محیط تولید
• 47. خط لوله CI/CD برای پروژه‌های Next.js
• 48. تست واحد و یکپارچگی با Jest و Vitest
• 49. تست انتهایی با Playwright و Cypress
• 50. مهاجرت پروژه React به Next.js
• 51. مهاجرت از Pages Router به App Router
• 52. React Server Components با جزئیات کامل
• 53. بهینه‌سازی Core Web Vitals و عملکرد فنی
• 54. پیاده‌سازی چندزبانه و بین‌المللی‌سازی (i18n)
• 55. مدیریت پروفایل کاربر و داشبورد اختصاصی
• 56. کار با WebSockets و به‌روزرسانی بلادرنگ
• 57. امنیت پروژه‌ها: CORS، XSS، CSRF و احراز هویت
• 58. آنالیتیکس و ردیابی رفتار کاربر در Next.js
• 59. پروگرسیو وب‌اپ (PWA) با Next.js
• 60. پلاگین‌ها و اکوسیستم افزونه‌های Next.js