مباحث اصلی دوره

• مقدمه و آشنایی با Next.js: در این بخش، با مفاهیم پایه‌ای Next.js، مزایا و کاربردهای آن آشنا می‌شوید. همچنین، محیط توسعه‌ی خود را برای شروع کار آماده می‌کنید.
• مفاهیم پیشرفته Next.js: این بخش به بررسی عمیق‌تر ویژگی‌های Next.js می‌پردازد، از جمله رندر سمت سرور، تولید سایت استاتیک، API Routes، Image Optimization و موارد دیگر.
• پروژه‌های عملی: بخش اصلی دوره، شامل ساخت 8 پروژه‌ی کاربردی است که مهارت‌های شما را در زمینه‌های مختلف توسعه‌ی وب تقویت می‌کند. این پروژه‌ها شامل:
• وب‌سایت اینستاگرام: در این پروژه، یک نسخه‌ی کوچک‌شده از وب‌سایت اینستاگرام را پیاده‌سازی می‌کنید.
• وب‌سایت گوگل: ساخت صفحه‌ی اصلی و برخی از ویژگی‌های جستجوی گوگل.
• پروژه‌های دیگر: پروژه‌های متنوع دیگری که شما را با تکنیک‌های مختلف Next.js آشنا می‌کند.
• بهینه‌سازی و استقرار: یاد می‌گیرید که چگونه وب‌سایت‌های Next.js خود را بهینه کنید و آن‌ها را بر روی سرورهای مختلف (مانند Vercel) مستقر کنید.
• React و مفاهیم آن: مروری بر React و اجزای آن، برای کسانی که آشنایی کمتری دارند یا می‌خواهند دانش خود را تازه کنند.
• استفاده از TypeScript (اختیاری): اگر می‌خواهید کدنویسی ایمن‌تری داشته باشید، با TypeScript و چگونگی استفاده از آن در پروژه‌های Next.js آشنا می‌شوید.

• یادگیری عملی: با انجام پروژه‌های واقعی، دانش خود را به صورت عملی به کار می‌گیرید و تجربه‌ی ارزشمندی کسب می‌کنید.
• پشتیبانی کامل: دسترسی به پشتیبانی کامل مدرس و سایر شرکت‌کنندگان برای رفع اشکالات و سوالات.
• محتوای به‌روز: محتوای دوره همواره به‌روزرسانی می‌شود تا با آخرین نسخه‌های Next.js و تکنولوژی‌های وب همگام باشد.
• دسترسی آسان: تمام محتوای دوره بر روی فلش مموری 32 گیگابایتی در دسترس شماست و می‌توانید در هر زمان و مکانی به آن دسترسی داشته باشید.
• افزایش مهارت و فرصت‌های شغلی: با یادگیری Next.js و ساخت پروژه‌های کاربردی، مهارت‌های خود را در زمینه‌ی توسعه‌ی وب افزایش می‌دهید و فرصت‌های شغلی بیشتری به دست می‌آورید.

• HTML، CSS و JavaScript: آشنایی با این زبان‌های اساسی وب برای درک مفاهیم و انجام پروژه‌ها ضروری است.
• مفاهیم React (اختیاری): اگرچه این دوره شامل مروری بر React است، اما داشتن آشنایی اولیه با React می‌تواند روند یادگیری را تسریع بخشد.
• مفاهیم Git (اختیاری): آشنایی با Git و نحوه‌ی استفاده از آن برای مدیریت کد و همکاری در پروژه‌ها مفید خواهد بود.

بخش ۱: مقدمه و راه‌اندازی

• معرفی Next.js و مزایای آن
• نصب و راه‌اندازی محیط توسعه
• ساخت اولین پروژه‌ی Next.js
• آشنایی با ساختار فایل‌ها و پوشه‌های Next.js

بخش ۲: مفاهیم پایه

• مسیریابی در Next.js
• استفاده از React Components
• مدیریت استایل‌ها (CSS Modules, Styled Components)
• ایجاد Layout و Template

بخش ۳: رندر سمت سرور و تولید سایت استاتیک

• SSR (Server-Side Rendering)
• SSG (Static Site Generation)
• استفاده از `getStaticProps` و `getServerSideProps`
• بهینه‌سازی عملکرد با استفاده از SSR و SSG

بخش ۴: API Routes

• ایجاد API Routes برای پردازش داده‌ها
• استفاده از متدهای HTTP (GET, POST, PUT, DELETE)
• اعتبارسنجی داده‌ها

بخش ۵: Image Optimization

• بهینه‌سازی تصاویر با Next.js Image
• تنظیم اندازه‌ها و فرمت‌های تصاویر
• بهبود عملکرد وب‌سایت با Image Optimization

بخش ۶: پروژه‌های عملی

• پروژه ۱: پیاده‌سازی وب‌سایت اینستاگرام
• پروژه ۲: پیاده‌سازی وب‌سایت گوگل
• پروژه ۳: [نام پروژه]
• …
• پروژه ۸: [نام پروژه]

بخش ۷: استقرار و بهینه‌سازی

• بهینه‌سازی وب‌سایت برای سرعت و عملکرد
• استقرار وب‌سایت بر روی Vercel
• تنظیم دامنه و SSL
• بهینه‌سازی SEO