Next.js و Tailwind CSS

1 مقدمه Next.js و مزایا (رایگان)
2
نصب و ساخت پروژه
3
App Router و File-based Routing
4
Server Components و Client Components
5
Data Fetching و API Routes
6
Tailwind CSS در Next.js
7
Image و Font Optimization
8
Static Generation و ISR
9
Forms و Server Actions
10
پروژه عملی: وبلاگ با Next.js
درس 1 از 10
⏱ 15 دقیقه

مقدمه Next.js و مزایا

مقدمه Next.js و مزایا

Next.js یک فریمورک React برای ساخت اپلیکیشن‌های وب مدرن با SSR، SSG و بسیاری ویژگی‌های دیگر است.

چرا Next.js؟

  • Server-Side Rendering: رندر سمت سرور برای SEO بهتر
  • Static Generation: صفحات استاتیک فوق‌العاده سریع
  • App Router: routing مدرن و انعطاف‌پذیر
  • Image Optimization: بهینه‌سازی خودکار تصاویر
  • API Routes: ساخت API در پروژه
  • Server Actions: مدیریت فرم‌ها بدون API جداگانه

مقایسه با سایر فریمورک‌ها:

/* Vite + React: Client-side rendering */
/* Next.js: Server + Client rendering */
/* Remix: Server-side focused */
/* Gatsby: Static site generation */

پروژه‌های معروف با Next.js:

  • Netflix, Twitch, TikTok, Hulu
  • apor.tv, Abunews.ir
  • بیش از ۲ میلیون وب‌سایت
درس بعدی →