آموزش Next.js مبتدی تا پیشرفته

توضیحات

Next.js یک فریم‌ورک متن باز (open-source) بر پایه React.js است که به منظور توسعه وب‌سایت‌ها و برنامه‌های وب ایجاد شده است. Next.js به عنوان یک افزونه برای React عمل می‌کند و توسعه‌دهندگان را قادر می‌سازد تا برنامه‌های React خود را با امکانات اضافی مانند رندر سمت سرور، پیش‌بینی (pre-rendering)، و مدیریت استاتیک راحت‌تر توسعه دهند.

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

1. آشنایی با HTML, CSS, و JavaScript
آموزش طراحی رابط کاربری و پروژه محور با HTML 5 , CSS 3
2. آشنایی با ES6+
آموزش جاوا اسکریپت از مبتدی تا پیشرفته
3. تجربه با React.js
آموزش مبتدی تا پیشرفته

با داشتن این پیش‌نیازها، شما می‌توانید به راحتی دوره آموزش Next.js 14 را دنبال کنید و مفاهیم پیشرفته‌تر این فریمورک را بیاموزید.

فصل 1: مقدمه و شروع به کار

1. معرفی Next.js
2. نصب و راه‌اندازی پروژه Next.js
3. ساختار پوشه‌ها و فایل‌ها در Next.js
4. ایجاد اولین صفحه با Next.js
5. استفاده از JavaScript یا TypeScript در Next.js

فصل 2: مسیریابی (Routing)

1. مسیریابی مبتنی بر فایل (File-based Routing)
2. مسیرهای داینامیک (Dynamic Routes)
3. لینک‌ها و ناوبری (Linking and Navigation)
4. مسیرهای API (API Routes)

فصل 3: پیش‌پردازش صفحات (Page Pre-rendering)

1. رندر سمت سرور (Server-side Rendering – SSR)
2. رندر سمت کلاینت (Client-side Rendering – CSR)
3. تولید استاتیک (Static Generation – SSG)
4. رندر هیبریدی (Hybrid Rendering)

فصل 4: فچینگ داده‌ها (Data Fetching)

1. استفاده از getStaticProps
2. استفاده از getServerSideProps
3. استفاده از getInitialProps
4. داده‌های داینامیک در صفحات داینامیک

فصل 5: استایل‌دهی و CSS

1. استفاده از CSS Modules
2. استفاده از styled-jsx
3. ادغام با کتابخانه‌های CSS-in-JS (مثل styled-components)
4. استفاده از Sass و LESS

فصل 6: مدیریت وضعیت (State Management)

1. مدیریت وضعیت با React Context
2. مدیریت وضعیت با Redux

فصل 7: بهینه‌سازی و عملکرد

1. بهینه‌سازی تصاویر با Image Component
2. بهینه‌سازی فونت‌ها
3. بهینه‌سازی مسیرها و کدها
4. مدیریت کَش و بهینه‌سازی‌های PWA

فصل 8: احراز هویت و امنیت

1. پیاده‌سازی احراز هویت JWT
2. استفاده از کتابخانه‌های آماده مثل NextAuth.js
3. مدیریت سشن‌ها و کوکی‌ها
4. امنیت در درخواست‌های API

فصل 11: مباحث پیشرفته

1. استفاده از Middleware‌ها در Next.js
2. نصب mongoDB
3. کار با درج اطلاعات در mongoDB
4. بهینه‌سازی‌های پیشرفته