CodeShot

مسیر یادگیری Next.js

فریم‌ورکی روی React با Routing مبتنی‌بر فایل، رندر سمت سرور (SSR) و تولید استاتیک (SSG) آماده.

5 مرحله

  1. 1.

    Next.js چیست؟

    فریم‌ورکی روی React که Routing، رندر سمت سرور (SSR)، تولید استاتیک (SSG) و بهینه‌سازی را به‌صورت آماده اضافه می‌کند.

    ~6 ساعت
  2. 2.

    مسیریابی و ساختار صفحات با App Router

    نحوه تعریف صفحات و layout بر اساس ساختار پوشه‌ها در App Router و مفهوم Server و Client Component را توضیح می‌دهد.

    ~5 ساعت
  3. 3.

    روش‌های رندر SSR، SSG و ISR

    تفاوت Server-Side Rendering، Static Site Generation و Incremental Static Regeneration و انتخاب روش مناسب برای هر صفحه را شرح می‌دهد.

    ~6 ساعت
  4. 4.

    ساخت API با Route Handlers

    ساخت endpoint های سمت سرور درون همان پروژه Next.js با Route Handlers برای پردازش درخواست‌ها بدون سرور جداگانه را آموزش می‌دهد.

    ~5 ساعت
  5. 5.

    بهینه‌سازی عملکرد و استقرار

    تکنیک‌های بهینه‌سازی تصاویر و فونت، مدیریت متغیرهای محیطی و استقرار پروژه روی سرویس‌هایی مانند Vercel را توضیح می‌دهد.

    ~4 ساعت