آموزش بهینه‌سازی و استقرار اپلیکیشن‌ها در Next.js 15 - آخرین آپدیت

سرفصل ها و درس ها

مقدمه و اهداف دوره Introduction and Course Objectives

• اهداف دوره Course Objectives

• بررسی نسخه و پیش‌نیازها Version Check and Pre-requisites

• نیازمندی‌های اپلیکیشن فروشگاه پای بتانی Bethany's Pie Shop Requirements

استراتژی‌های بهینه‌سازی تصاویر Image Optimization Strategies

• چرا تصاویر را بهینه‌ کنیم؟ Why Optimize Images?

• بهینه‌سازی تصاویر در Next.js Next.js Image Optimization

• راه‌اندازی اپلیکیشن فروشگاه پای بتانی Set up Bethany’s Pie Shop App

• دمو: پیاده‌سازی بهینه‌سازی تصاویر در Next.js Demo: Implementing Image Optimization in Next.js

• دمو: مدیریت تصاویر ریسپانسیو (واکنش‌گرا) Demo: Handling Responsive Images

• دمو: استفاده از Placeholderها Demo: Using Placeholders

• اشتباهات رایج و تمرین کدنویسی Common Mistakes and Code Exercise

بهینه‌سازی فونت‌ها و سایر تکنیک‌های رایج UI Font and Other Common UI Optimization Techniques

• فونت‌های بهینه‌نشده Unoptimized Fonts

• بهینه‌سازی فونت در Next.js Font Optimization in Next.js

• بهینه‌سازی ناوبری با next/link Optimizing Navigation with next/link

• بهینه‌سازی اسکریپت‌های شخص ثالث با next/script Optimizing Third-party Scripts with next/script

تکنیک‌های بهینه‌سازی عملکرد Performance Optimization Techniques

• تقسیم کد (Code Splitting) در Next.js Code Splitting in Next.js

• دمو: پیاده‌سازی Lazy Loading در اپلیکیشن فروشگاه پای بتانی Demo: Implement Lazy Loading in Bethany’s Pie Shop App

• از کلاینت به سرور From Client to Server

• دمو: تبدیل کامپوننت‌های کلاینت به React Server Components Demo: Convert Client Components to React Server Components

• دمو: وضعیت‌های خطا و بارگذاری در RSC Demo: Error and Loading States in RSC

• بازسازی استاتیک افزایشی (ISR) Incremental Static Regeneration (ISR)

• دمو: استفاده از ISR برای دریافت و نمایش پای ماهانه به‌روزرسانی شده Demo: Use ISR to Fetch and Display Updated Monthly Pie

• اندازه‌گیری تاثیر Bundle Measuring Bundle Impact

استقرار اپلیکیشن‌های Next.js Deploying Next.js Applications

• مقدمه‌ای بر استقرار در Next.js Introduction to Deployment in Next.js

• دمو: استقرار اپلیکیشن Next.js در Vercel Demo: Deploying Your Next.js App to Vercel

• دمو: استقرار مستمر با GitHub و Vercel Demo: Continuous Deployment with GitHub and Vercel

• دمو: تحلیل‌های عملکرد از طریق Vercel Demo: Performance Insights via Vercel

• جمع‌بندی دوره Course Summary