این دوره نسخه تازه Next.js را آموزش می‌دهد و هر دو رویکرد App Router و Pages Router را پوشش می‌دهد؛ همراه با توضیح تفاوت‌ها و اینکه هر کدام کجا به کار می‌آید. اگر بخواهم ساده بگویم: قرار است با React و Next.js اپلیکیشن‌هایی بسازید پویا، خیلی سریع و آماده برای موت...
React و Next.js — راهنمای جامع 🚀
این دوره نسخه تازه Next.js را آموزش می‌دهد و هر دو رویکرد App Router و Pages Router را پوشش می‌دهد؛ همراه با توضیح تفاوت‌ها و اینکه هر کدام کجا به کار می‌آید. اگر بخواهم ساده بگویم: قرار است با React و Next.js اپلیکیشن‌هایی بسازید پویا، خیلی سریع و آماده برای موتورهای جستجو (SEO-ready). همین حالا هم که این متن را می‌خوانید، می‌توانید با شرایط تخفیف ویژه این دوره همراه شوید.
این دوره هر دو معماری App Router و Pages Router را در Next.js پوشش می‌دهد — دو شیوه متمایز برای ساخت برنامه‌های فول‌استک با ری‌اکت. طبیعتاً یاد می‌گیرید این دو رویکرد چه هستند، اصلاً چرا دو شیوه مجزا وجود دارد و هر کدام چطور کار می‌کنند.
چرا این دوره؟ 🤔
پیش از این پرفروش‌ترین دوره ری‌اکت در یودمی را تدریس کرده‌ام و حالا خوشحالم که این دوره جامع Next.js را با شما به اشتراک می‌گذارم؛ فریم‌ورکی فوق‌العاده برای ری‌اکت که به‌عنوان یک توسعه‌دهنده React اجازه می‌دهد گام بعدی را بردارید و پروژه‌های واقعی و آماده عرضه به بازار (Production-ready) بسازید.
نکست‌جی‌اس یک فریم‌ورک فول‌استک و آماده محصول برای ReactJS است — یکی از پرطرفدارترین کتابخانه‌های جاوااسکریپت که امروزه می‌توانید یاد بگیرید.
شاید این تعریف‌ها کمی اغراق‌آمیز به نظر برسد. حق دارید؛ اما واقعیت این است که Next.js بهترین انتخاب برای ارتقای شغلی توسعه‌دهندگان ری‌اکت و بردن اپلیکیشن‌هایشان به سطح بعدی است. نکست‌جی‌اس با سرعت خیره‌کننده‌ای رشد می‌کند و بازار کار تقاضای بالایی برایش دارد؛ آن هم به دلایلی کاملاً منطقی:
این فریم‌ورک امکان رندر سمت سرور (SSR) توکار و پیش‌رندرینگ صفحات را فراهم می‌کند. ساخت اپلیکیشن‌های ری‌اکت با تجربه کاربری عالی و سازگار با موتورهای جستجو هرگز این‌قدر ساده نبوده است.
ساخت اپلیکیشن‌های فول‌استک ری‌اکت (ترکیب کدهای فرانت‌اند و بک‌اند در یک پروژه واحد) با Next.js فوق‌العاده راحت است. کدهای سمت سرور و کلاینت را به زیبایی با هم ترکیب می‌کنید و یک API مبتنی بر Node.js را دقیقاً کنار فرانت‌اند ری‌اکت خود می‌سازید.
می‌خواهید قابلیت احراز هویت اضافه کنید؟ نکست‌جی‌اس این فرآیند را هم ساده کرده و ثبت‌نام، ورود کاربران و مدیریت نشست‌ها (Session Management) را بدون دردسر جلو می‌برد.
چه چیزی یاد می‌گیرم؟ 📚
این دوره شما را در کمترین زمان از سطح مبتدی به سطح پیشرفته Next.js می‌رساند. کار را از پایه‌ای‌ترین مفاهیم آغاز می‌کنیم (هیچ دانش قبلی از Next.js لازم نیست) و بعد وارد تمامی ویژگی‌های بنیادین فریم‌ورک می‌شویم؛ هم به‌صورت مباحث تئوری و هم در قالب چندین پروژه عملی واقعی که همه مفاهیم را گام‌به‌گام پیاده‌سازی می‌کنند.
برای شروع، آشنایی اولیه با ری‌اکت کافی است. البته یک فصل کامل «مرور سریع ری‌اکت» هم داخل دوره گذاشته شده تا اگر مدتی از کار با ری‌اکت دور بوده‌اید، راحت خودتان را به سطح مطلوب برسانید. یک نکته کاربردی: اگر دانشجو هستید و مثلاً برای پروژه پایان‌ترم یا یک نمونه‌کار (Portfolio) دنبال ساخت یک وب‌اپلیکیشن واقعی هستید، همین پروژه‌های عملی دوره دقیقاً همان چیزی است که می‌توانید روی رزومه‌تان بگذارید.
دوره شامل یک بخش خلاصه برای Pages Router و یک بخش مفاهیم اساسی برای App Router هم هست؛ بنابراین هر زمان خواستید می‌توانید بدون بازبینی کل دوره، آموخته‌هایتان را سریع مرور کنید. یا اگر وقت کمی دارید، فقط با دیدن همین بخش‌های خلاصه، با تمام قابلیت‌های کلیدی در سریع‌ترین زمان ممکن آشنا می‌شوید.
پس از پایان دوره، آمادگی کامل خواهید داشت تا پروژه‌های Next.js اختصاصی خودتان را از صفر بسازید و برای فرصت‌های شغلی این حوزه اقدام کنید.
سرفصل‌های دوره با جزئیات
نکست‌جی‌اس چیست و چرا باید از آن استفاده کرد؟
چرا در بسیاری از پروژه‌ها صرفاً استفاده از React کافی نیست؟
ساخت پروژه‌های Next.js از صفر و درک ساختار فایل‌های پروژه
کار با سیستم مسیریابی مبتنی بر فایل (File-based Routing)
افزودن مسیرهای داینامیک و Catch-all Routes
پیاده‌سازی انواع مختلف پیش‌رندرینگ صفحات و رندر سمت سرور (SSR)
کار با داده‌ها، دریافت داده (Data Fetching) و پیش‌دریافت (Prefetching)
مدیریت ارسال و پردازش فرم‌ها با استفاده از سرور اکشن‌ها (Server Actions)
مدیریت آپلود فایل
تولید پیش‌ساخته صفحات پویا و ایستا (Pre-rendering)
بهینه‌سازی صفحات با استفاده از متادیتاها (Metadata)
بهینه‌سازی تصاویر با کامپوننت کاربردی Image در Next.js
ساخت برنامه‌های فول‌استک با Route Handlers / API Routes و Server Actions
مدیریت وضعیت سراسری برنامه (State Management) با React Context در پروژه‌های نکست
پیاده‌سازی سیستم احراز هویت (Authentication) در پروژه‌های Next.js
چندین پروژه عملی کامل که تمام این مفاهیم را درونشان اجرا می‌کنیم
یک فصل جامع برای مرور سریع و یادآوری مفاهیم React.js
بخش‌های خلاصه Next.js برای مرور سریع یا یادگیری فشرده قابلیت‌های کلیدی و مباحث بسیار دیگر
این دوره برای چه کسانی مناسب است؟
توسعه‌دهندگان React که می‌خواهند یک گام جلوتر بروند و اپلیکیشن‌های آماده ورود به بازار (Production-ready) بسازند.
توسعه‌دهندگان React که قصد دارند به دنیای توسعه فول‌استک وارد شوند.
تمامی برنامه‌نویسان وب که به دنبال یادگیری یکی از محبوب‌ترین و پرتقاضاترین فناوری‌های روز دنیا هستند.
مشخصات خلاصه دوره
عنوان
جزئیات
عنوان دوره
React و Next.js — راهنمای جامع
سطح
از مبتدی تا پیشرفته
پیش‌نیاز
آشنایی اولیه با React (فصل مرور سریع داخل دوره موجود است)
رویکردها
App Router و Pages Router
پروژه‌ها
چندین پروژه عملی واقعی
وبسایت
maktabkhooneh
وضعیت قیمت
دارای تخفیف
چند سؤال متداول که ممکن است برایتان پیش بیاید
آیا بدون تسلط کامل به React می‌توانم شروع کنم؟
بله، به شرطی که با مفاه
