آموزش Next.js – دوره جامع

549,000 تومان
471 دانشجو
به روز رسانی: ۳ مهر ۱۴۰۲
این دوره در حال برگزاری است
ثبت نام در دوره

Next.js یک فریم‌ورک متن باز برای توسعه نرم‌افزارهای تحت وب است. این فریم‌ورک براساس کتابخانه React ساخته شده. React روی مباحث UI و مفاهیمی مثل کامپوننت، state و props تمرکز دارد. از این ‌رو یک کتابخانه به ‌حساب می‌آید که از آن برای پیاده‌سازی UIهای پیچیده‌تر استفاده می‌کنیم. اگر بخواهیم یک برنامه با مقیاس بزرگ‌تر با استفاده از React توسعه دهیم به موارد دیگری از جمله پکیج‌های Routing نیاز خواهیم داشت.

Next.js دارای یکسری ویژگی می‌باشد که یا در React وجود ندارند و یا این که استفاده از آن‌ها در React کمی پیچیدگی بیشتری دارد. همانطور که می‌دانیم فریم‌ورک ابزار بزرگ‌تری نسبت به کتابخانه است در نتیجه امکانات بیشتری می‌تواند داشته باشد. یعنی با استفاده از Next.js می‌توانیم برنامه‌ها با مقیاس بزرگ‌تر را ساده‌تر توسعه دهیم.

نکته مهم این است که Next.js یکسری ویژگی‌های اصلی دارد که مهم‌ترین آن‌ها Server Side Rendering (SSR) است. تفاوت SSR و CSR این است که در SSR کانتنت صفحات سایت روی سرور آماده می‌شوند اما در CSR این اتفاق در سمت کلاینت می‌افتد. این موضوع گاهی اوقات می‌تواند باعث ایجاد چالش‌هایی، از جمله مباحث بهینه‌سازی برای موتورهای جستجو شود.

یک ویژگی دیگر Next.js این است که می‌توانیم ساده‌تر قسمت API برنامه را با استفاده از Node به Next.js اضافه کنیم. در نتیجه می‌توانیم با پایگاه داده به شکل ساده‌تر ارتباط برقرار کنیم. پس می‌توانیم بگوییم این ویژگی Next.js را به یک فریم‌ورک فول‌استک تبدیل می‌کند. همین موضوع می‌تواند باعث شود تا برنامه‌های فول‌استک را خیلی ساده‌تر و استانداردتر پیاده‌سازی کنیم.

دوره آموزش Next.js فرانت کست

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

پیش‌نیاز دوره آموزش Next.js درک مفاهیم React و جاوااسکریپت است. اگر با کتابخانه React آشنا هستید و قصد مرور و یادآوری مفاهیم را دارید، دوره آموزش React – دوره فشرده را به شما پیشنهاد می‌کنیم. اما اگر هیچ دانش قبلی از React و مباحث مربوط به کامپوننت، state و props ندارید پیشنهاد ما آموزش React و Redux – دوره جامع می‌باشد که چالش‌ و پروژه‌ محور بوده و همه مفاهیم مربوط به React را شامل می‌شود. همینطور برای جاوااسکریپت هم دوره آموزش جاوااسکریپت – دوره جامع فرانت کست را پیشنهاد می‌کنیم.

آموزش Next.js یک دوره منتور محور است. به این معنی که اگر در هر مرحله از یادگیری به مشکل برخورد کردید می‌توانید در روزهای غیر تعطیل از طریق واتس‌اپ مشکل خود را با مدرس دوره درمیان بگذارید تا در سریع‌ترین زمان ممکن آن را باهم بررسی کرده و برطرف نمایید.

مدرس دوره

مسعود صدری مدرس و توسعه دهنده نرم افزار، فارغ‌ التحصیل از رشته مهندسی نرم‌افزار، برنامه نویسی را از سال ۱۳۹۱ به شکل حرفه‌ای شروع کرده است. او در سال‌هایی که در حوزه برنامه نویسی حرفه‌ای فعالیت داشته، با شرکت های نرم افزاری و تیم‌های استارتاپی همکاری داشته و بیشتر بر روی فریلنسیگ تمرکز کرده است. او سال‌ها به عنوان برنامه نویس فریلنسر مشغول به کار بوده و همین امر باعث شده تا نیازهای بازار کار را به خوبی بشناسد و تجربه‌های زیادی در این زمینه کسب کند.

مسعود صدری تدریس را از سال ۱۳۹۴ به شکل حرفه‌ای، با آموزشگاه مجتمع فنی تهران شروع کرده و همیشه جزء یکی از برترین مدرسان برنامه نویسی بوده است. سپس تصمیم به برگزاری دوره‌های برنامه نویسی در دانشکده مهندسی برق و کامپیوتر دانشگاه تبریز گرفته که مورد استقبال بسیار خوب دانشجویان قرار گرفت. فعالیت‌های او در دانشگاه تبریز، به عنوان مدرس دانشگاه ادامه داشته و اکنون تدریس کارگاه‌های مبانی برنامه سازی و برنامه سازی پیشرفته را برعهده دارد. نهایتا از سال ۱۳۹۷ تدریس آنلاین هم به لیست فعالیت‌های آموزشی او اضافه شده است.

تمام تلاش مسعود صدری این است که نیازهای بازار کار را بصورت دقیق تحلیل کند و براساس روند پیشرفت محبوبیت یک تکنولوژی و نیازهای بازار کار جامع‌ترین و به‌روزترین سرفصل‌ها را برای تکنولوژی‌های مختلف آماده کند تا افرادی که به این حوزه علاقمند هستند بتوانند مطالب را به بهترین و ساده‌ترین زبان ممکن یاد بگیرند و بطور مستقیم وارد بازار کار شوند.

پشتیبانی دوره

یکی از موضوعات بسیار مهم در فرانت کست پشتیبانی دوره‌ها می‌باشد که برعهده مدرس دوره است. مدرس به عنوان یک منتور از ابتدای مسیر قدم به قدم، تا زمانی که دانشجو تمامی مطالب را بصورت کامل یاد بگیرد، همراه اوست. ما بر این باور هستیم که هیچ شخصی بهتر از مدرس دوره نمی‌تواند پاسخگوی سوالات دانشجویان باشد. از این رو، در فرانت کست مدرس خود را موظف می‌داند تا در تمامی روزهای هفته، به جز روزهای تعطیل، سوالات دانشجویان را بررسی کند. برای پشتیبانی و دریافت مشاوره می‌توانید از راه‌های ارتباطی نوشته شده در وب‌سایت استفاده کنید.

گارانتی بازگشت وجه

ما در فرانت کست به دوره‌ها و محتوایی که آماده شده است ایمان کامل داریم و معتقد هستیم اگر دانشجویان براساس مسیر یادگیری که آماده کرده‌ایم پیش بروند قطعا به هدفی که دارند دست پیدا می‌کنند. مهم‌ترین هدف ما این است که دانشجویان در کمال آرامش و بدون کوچکترین استرسی یادگیری را شروع کنند. به همین جهت، گارانتی بازگشت وجه برای تمامی دوره‌های غیررایگان درنظر گرفته‌ایم. اگر شما به هر دلیل از ادامه دادن مسیر منصرف شوید، می‌توانید تا ۷ روز بعد از ثبت‌ نام برای بازگشت وجه درخواست بدهید. ما بدون هیچ سوالی تمام هزینه‌ای که برای یادگیری خود سرمایه‌گذاری کرده بودید را عیناً به حساب شما بازمی‌گردانیم.

سرفصل‌ها

۱. پیش‌نیازهای دوره
۲. ساختار دوره و پشتیبانی
۳. بررسی Next.js
۴. امکانات Next.js
۵. راه اندازی محیط توسعه
۶. بررسی ساختار Next App

۷. بررسی Routing در Next.js
۸. مقادیر Static در Routeهای زیرمجموعه
۹. مقادیر Dynamic در Routeها
۱۰. استفاده از Routeهای زیرمجموعه
۱۱. دریافت مقادیر مسیرها
۱۲. بررسی کامپوننت Link
۱۳. استفاده از Routeهای Dynamic
۱۴. نمایش صفحات بر اساس متد
۱۵. افزودن صفحه ۴۰۴
۱۶. جمع بندی مفاهیم

۱۷. فرآیند Pre-render
۱۸. بررسی تابع getStaticProps
۱۹. اجرای کد سمت سرور
۲۰. استفاده از پارامترهای Dynamic
۲۱. بررسی تابع getStaticPaths
۲۲. صفحات Fallback
۲۳. نمایش داینامیک مسیرها
۲۴. بررسی و استفاده از getServerSideProps
۲۵. پارامتر Context در getServerSideProps
۲۶. پیاده سازی صفحات داینامیک
۲۷. ارسال درخواست API از قسمت Client
۲۸. اجرای درخواست‌های API سمت Server
۲۹. جمع‌بندی مفاهیم

۳۰. توسعه API Routes
۳۱. پیاده سازی فرم فرانت‌اند
۳۲. توسعه API برای درخواست POST
۳۳. ارسال درخواست به API
۳۴. ذخیره داده‌ها در فایل
۳۵. استفاده از API برای دریافت داده‌ها
۳۶. دریافت داده‌ها در Server
۳۷. مقادیر Dynamic در API Routes
۳۸. نصب و راه اندازی MongoDB
۳۹. ذخیره داده‌ها در پایگاه داده
۴۰. دریافت داده‌ها از پایگاه داده
۴۱. جمع‌بندی مفاهیم

۴۲. بررسی به روز رسانی Next.js 13
۴۳. ساختار پروژه
۴۴. نصب و راه‌اندازی Tailwind
۴۵. کامپوننت Layout
۴۶. پیاده سازی Header و Footer
۴۷. توسعه کامپوننت Product
۴۸. نمایش محصولات در صفحه اصلی
۴۹. پیاده سازی صفحه محصول
۵۰. نمایش جزییات محصول
۵۱. توسعه Context سبد خرید
۵۲. تابع افزودن به سبد خرید
۵۳. تعداد محصولات در سبد خرید
۵۴. بررسی تعداد محصولات
۵۵. توسعه صفحه سبد خرید
۵۶. جدول محصولات
۵۷. نمایش محصولات سبد خرید
۵۸. حذف محصول از سبد خرید
۵۹. ریدایرکت به صفحه سبد خرید
۶۰. محاسبه مجموع قیمت
۶۱. افزودن Button برای Checkout
۶۲. استفاده از JS Cookie
۶۳. اجرای کامپوننت در قسمت Client
۶۴. به روز شدن تعداد محصولات در Header
۶۵. صفحه Login کاربر
۶۶. اعتبار سنجی فرم Login
۶۷. اتصال پروژه به پایگاه داده
۶۸. توسعه Model برای کاربر
۶۹. ذخیره مشخصات کاربر در پایگاه داده
۷۰. استفاده از NextAuth.js
۷۱. پیاده سازی تابع Session
۷۲. تنظیم Providers
۷۳. نصب و استفاده از Bcrypt.js
۷۴. اعتبارسنجی کاربر
۷۵. پیاده سازی تابع Sign in
۷۶. بررسی Session کاربر
۷۷. مدیریت Session
۷۸. استفاده از Headless UI
۷۹. توسعه کامپوننت Dropdown
۸۰. پیاده سازی تابع Logout
۸۱. توسعه Model برای محصول
۸۲. دریافت محصولات از پایگاه داده
۸۳. تغییر نوع داده Documentها
۸۴. دریافت یک محصول از پایگاه داده
۸۵. افزودن به سبد خرید در صفحه اصلی
۸۶. استفاده از پکیج React Tostify
۸۷. توسعه کامپوننت Checkout
۸۸. پیاده سازی فرم Shipping
۸۹. ذخیره داده‌ها در Context
۹۰. استفاده از js-cookie
۹۱. استفاده از State فرم
۹۲. بررسی Login کاربر
۹۳. توسعه صفحه پرداخت
۹۴. انتخاب روش پرداخت
۹۵. استفاده از Context
۹۶. ذخیره روش در Cookie
۹۷. بررسی و رفع خطا Hydration
۹۸. توسعه صفحه ثبت سفارش
۹۹. دریافت مقادیر Shipping از Context
۱۰۰. دریافت محصولات سبد خرید
۱۰۱. محاسبه مبلغ سبد خرید
۱۰۲. توسعه Model برای سفارش
۱۰۳. پیاده سازی API دریافت سفارش
۱۰۴. ذخیره سفارش در پایگاه داده
۱۰۵. پیاده سازی API برای سفارش‌ها
۱۰۶. نمایش لیست سفارش‌ها
۱۰۷. توسعه صفحه تکمیل سفارش
۱۰۸. توسعه صفحه ادمین
۱۰۹. سطح دسترسی Route ادمین
۱۱۰. منو بخش داشبورد
۱۱۱. پیاده سازی API ادمین
۱۱۲. دریافت اطلاعات فروش و کاربران
۱۱۳. افزودن Style به داشبورد ادمین
۱۱۴. توسعه API برای لیست سفارش‌ها
۱۱۵. ارسال درخواست API
۱۱۶. نمایش لیست سفارش‌ها

۱۱۷. بررسی Next.js 13
۱۱۸. نصب Next.js 13
۱۱۹. استفاده از next/fonts
۱۲۰. افزودن داده‌های محصولات
۱۲۱. توسعه کامپوننت محصول
۱۲۲. افزودن Navbar
۱۲۳. بررسی Server و Client کامپوننت‌ها
۱۲۴. بررسی و نصب Redux Toolkit
۱۲۵. توسعه Slice
۱۲۶. بررسی Provider
۱۲۷. توسعه تابع افزودن به سبد خرید
۱۲۸. حذف از سبد خرید
۱۲۹. تعداد محصولات در سبد خرید
۱۳۰. کامپوننت افزودن به سبد خرید
۱۳۱. استفاده از Client کامپوننت
۱۳۲. توسعه صفحه محصول
۱۳۳. توسعه صفحه سبد خرید
۱۳۴. نمایش محصولات سبد خرید

دیدگاه‌ها:

meysam

شهریور 11, 1402  در  12:20 ب.ظ

سلام و عرض ادب
مهندس حالا که پروژه استور و فول استک هست،مبحث کد تخفیف هم قرار بدید چون یه موضوع پر کاربردهستش در پروژه های واقعی.مرسی

مسعود صدری

شهریور 14, 1402  در  12:15 ب.ظ

سلام
موضوع کد تخفیف پیچیدگی زیادی نداره و خیلی به مباحث خود Next.js مربوط نمی‌شه.
فعلا تمرکز ما در این دوره بررسی مفاهیم نسخه ۱۳ هست.
با توجه به به روز رسانی‌های Next.js احتمال خیلی زیاد باز هم تغییرات داشته باشیم که باید اونها رو هم به دوره اضافه کنیم.

حسین عربی

شهریور 5, 1402  در  11:30 ق.ظ

سلام آقای صدری خسته نباشید ، آیا امکان داره ورود و عضویت از طریق شماره تماس یا otp رو آموزش بدهید ، اگر اینطوری باشه عالیه برای کسانی که تا حالا با این مبحث سر کار نداشته باشد هم یه موضوع جدیدی رو یاد گرفته باشند
ممنون ازتون

مسعود صدری

شهریور 14, 1402  در  12:12 ب.ظ

سلام
خیلی ممنونم.
سعی می‌کنم به عنوان یکی از به روز رسانی‌های دوره این مبحث رو هم در نظر بگیریم.
ممنونم از پیشنهادتون.

78nbm78

مرداد 17, 1402  در  11:42 ق.ظ

استاد صدری سلام، امیدوارم شاد باشید.
الان که next ۱۳ از حالت beta در اومده، به نظرتون منطقی هست که از الان به بعد کلا سویچ کنیم روی app router ؟
چون chatgpt و google هم خیلی دیتا ازش ندارن و معمولا به مشکل میخورم و سرچ میکنم، سخت به نتیجه میرسم.
یکسری اشخاص مطرح توی یوتیوب هستن که فقط اونا محتوا دارن که مثلا راجع یه سری چیزا مثل NextAuth که ساختارش روی app router چجوریه آموزش گذاشتن.
برای مثال @DaveGrayTeachesCode
بعد آدم این همه وقت میزاره راجع مثلا getStaticProps , getServerSideProps , getStaticPath مطالعه میکنه، یوهو نکست آپدیت میده که کلا دیگه اینا نیست :)) وقتی برنامه نویس باشی، یه ذره زیادی دانشجویی 🙂
بازم ممنون که بهترین کسی هستید که میشه خواسته های شرکت‌های بزرگ یا خارجی رو ازشون یاد گرفت.
سپاس فراوان از شما از طرف من و بقیه بچه ها.

مسعود صدری

مرداد 21, 1402  در  11:56 ب.ظ

سلام
قبل از هر چیز بگم که خیلی ممنونم ازتون و قطعا نظر لطف شماست.
حضور بچه‌های پر تلاشی مثل شما در فرانت کست برای من باعث افتخار هست.
در مورد سوالتون باید بگم که خود من فعلا از نسخه ۱۲ استفاده می‌کنم. نه صرفا به خاطر بحث Routing. بیشتر به دلیل هماهنگی با بقیه پکیج‌هایی که زیاد ازشون استفاده می‌شه.
ما به روز رسانی نسخه ۱۳ رو همون طور که قبلا قولش رو دادیم تا پایان شهریور به دوره اضافه می‌کنیم، اما پیشنهادم این هست که اگر پروداکت قطعی دارید، فعلا با نسخه ۱۲ پیش ببرید.
چون تغییرات ۱۳ زیاد هستن، هر با چیز جدید اضافه می‌شه یا یک سری مفاهیم دیگه استفاده نمی‌شن.
شاید توی نسخه‌های بعدی حالت پایدارتری ارایه بشه. حتما کنفرانس‌ها و ویدیوهای Vercel رو دنبال کنید.

ahmad saeideh

مرداد 13, 1402  در  9:16 ب.ظ

سلام
ببخشید این دوره کامله مطالب و جزییاتش؟ چون من ی دوره دیدم ۴۰ ساعت زمان کل دوره بود اما این دوره ۴ ساعته؟
البته این کامنت رو یبار دیگه ام گذاشتم اما نشون داده نشد روی سایت !!!

مسعود صدری

مرداد 13, 1402  در  11:07 ب.ظ

سلام
احتمالا به دلایل فنی کامنت قبلی شما داخل سایت قرار نگرفته که بابتش عذر می‌خوام.
اگر سوالی داشتید می‌تونید در تلگرام هم بهم پیام بدید.
این دوره هنوز تکمیل نشده و جایی هم ساعتش رو ننوشتیم. بعد از تکمیل ساعت دوره محاسبه می‌شه و نوشته می‌شه.
تا حدود ۲-۳ هفته آینده پروژه تکمیل می‌شه و بعدش مفاهیم نسخه ۱۳ رو شروع می‌کنیم.
تلاشمون این هست که همه جزییات رو بررسی کنیم.

amir_Al

مرداد 8, 1402  در  5:04 ب.ظ

سلام.
میخواستم بدونم اون بخشی که راجب فیچر های جدید نکست توضیح میدید کی تو سایت آپلود میشه؟؟؟

مسعود صدری

مرداد 9, 1402  در  1:46 ق.ظ

سلام
بعد از تکمیل پروژه.
تا قبل از پایان تابستان مفاهیم نسخه ۱۳ رو بررسی می‌کنیم.
لطفا کانال تلگرام رو دنبال کنید، اطلاع رسانی‌ها در کانال انجام می‌شن. t.me/frontcast

Arash Sob

تیر 31, 1402  در  10:10 ب.ظ

با عرض سلام و احترام
با توجه به اطلاعات اندک بنده نسبت به این فریم ورک (next.js)
میشه مقایسه ای ازش با NODE داشت؟
چون در حال حاظر مشغول یادگری نود جی اس هستم و ری اکت رو قبلا یاد گرفتم.
آیا دونستن نود مارو نسبت به نکست بی نیاز میکنه یا بلعکس؟
و آیا یادگیری هرکدوم به دیگری کمک میکنه؟
و یا اصلا ارتباطی بینشون هست (با توجه به اینکه هر دو تکنولوژی مربوط به بک اند هستند و در ارتباط با جی اس)

مسعود صدری

مرداد 9, 1402  در  1:49 ق.ظ

سلام
خواهش می‌کنم، هر سوالی داشتید در خدمتم.
دانش Node یا تسلط بر مفاهیم بک‌اند بحث جدایی هست نسبت به درک مباحث مربوط به Next.js.
چهارچوب Next.js یک ابزار توسعه وب هست که به شما کمک می‌کنه تا بتونید کد برنامه‌تون رو در قسمت Server هم اجرا کنید.
همین طور یک قسمت API می‌تونید داشته باشید و در نتیجه نرم افزار رو به صورت Fullstack توسعه بدید.
پیشنهاد می‌کنم دو ساعت ابتدای دوره رو در یوتوب ببینید، قطعا برای درک این مفاهیم می‌تونه کمکتون کنه.

rezaPr

تیر 28, 1402  در  8:54 ب.ظ

سلام.
خسته نباشید.
پروژه اخر که توسعه میدید فول استک هست؟

مسعود صدری

تیر 28, 1402  در  11:50 ب.ظ

سلام
خیلی ممنونم.
بله.

kosarkarami726

تیر 23, 1402  در  12:44 ق.ظ

سلام و عرض ادب.
استاد آیا با nextjs میشه پنلی شبیه به پنل ابرآروان رو توسعه داد؟

مسعود صدری

تیر 27, 1402  در  10:20 ب.ظ

سلام
بله امکانش هست.
البته برای توسعه پنل کاربر باید تمرکز شما روی مفاهیم React باشه.
چهارچوب Next.js برای شما امکاناتی فراهم می‌کنه تا بتونید کد برنامه رو سمت سرور اجرا کنید.

Mmdreza Moghadar

تیر 13, 1402  در  3:51 ب.ظ

دوره چه زمانی کامل میشه؟

مسعود صدری

تیر 13, 1402  در  5:00 ب.ظ

زمان دقیق نمی‌تونم بگم.
بعد از تکمیل پروژه، بررسی مفاهیم نسخه ۱۳ رو شروع می‌کنیم.
حدود یک ماه دیگه پروژه تکمیل می‌شه.
با توجه به این که نسخه ۱۳ همچنان در حال به روز رسانی هست، طبیعتا ما هم مباحث جدید رو هر بار به دوره اضافه خواهیم کرد.

Mmdreza Moghadar

تیر 13, 1402  در  11:32 ق.ظ

سلام بعد خرید دوره
میشه قسمت های دوره رو دانلود کرد؟

مسعود صدری

تیر 13, 1402  در  1:44 ب.ظ

سلام
بله، بعد از ثبت نام به جلسات دوره و به روز رسانی‌ها دسترسی دارید.

رامین مجیدی

خرداد 17, 1402  در  11:11 ق.ظ

سلام وقتتون بخیر، لینکهای مربوط به قسمتهای جدید که منتشر کردید مشکل دارن و دانلود نمیشن لطفا بررسی کنید با تشکر.

مسعود صدری

خرداد 17, 1402  در  12:57 ب.ظ

سلام
وقت بخیر.
ممنونم که اطلاع دادید.
مشکل حل شد، لطفا دوباره امتحان کنید.

hesam1323

خرداد 17, 1402  در  10:09 ق.ظ

سلام استاد وقت بخیر
آیا فیلتر محصولات مثل سایت دیجی کالا(برند ، رنگ،سایز و …) رو برای دوره در نظر گرفتین؟
تشکر

مسعود صدری

خرداد 17, 1402  در  12:59 ب.ظ

سلام
وقت بخیر.
فعلا مطمئن نیستم، چون تمرکزم روی پنل ادمین هست به خاطر درخواست‌هایی که بود.
از طرفی هم پروژه رو سریع‌تر باید تکمیل کنیم تا مفاهیم نسخه ۱۳ رو به دوره اضافه کنیم.

meysam

خرداد 13, 1402  در  1:43 ب.ظ

سلام،استاد من روش های مختلفی رو تست کردم که نسخه Next JS شما را در پروژه نصب کنم.
اما متاسفانه موفق نشدم.
میخاستم خواهش کنم یه تست بزنید و یه راحل درست رو اعلام کنید.
سپاس بیکران

مسعود صدری

خرداد 13, 1402  در  11:56 ب.ظ

سلام
لطف کنید از خطایی که هست یک اسکرین شات در تلگرام ارسال کنید تا بررسی کنم.

hossein -parvian

خرداد 3, 1402  در  7:39 ب.ظ

سلام استاد خسته نباشید.
استاد میشه اموزش اتصال به هاست رو هم قرار بدین و چطوری بالا امدن سایت رو هم توضیح بدید

مسعود صدری

خرداد 4, 1402  در  4:54 ب.ظ

سلام
خیلی ممنون.
بله مباحث Deploy رو هم بررسی می‌کنیم.

meysam1366

اردیبهشت 26, 1402  در  5:39 ق.ظ

سلام استاد صدری
روزتون بخیر خسته نباشید
جایی که شما از getServerSideProps توی page Home استفاده کردید متاسفانه props رو undefined بر میگردونه ولی برای شما توی فیلم آموزشی داده ها رو از دیتابیس نمایش میده
بی زحمت راهنمایی می کنید که مشکل کجاست؟

مسعود صدری

اردیبهشت 26, 1402  در  1:08 ب.ظ

سلام
خیلی ممنونم.
باید کدتون رو بررسی کنم. می‌تونید از کدهای فایل‌هایی که در پنلتون قرار داره هم برای مقایسه استفاده کنید.
لطفا یک اسکرین شات از کدتون در تلگرام ارسال کنید.

alish511

اردیبهشت 16, 1402  در  4:33 ب.ظ

سلام
باتوجه به استیبل شدن دایرکتوری app آیا آموزشی برای اون میسازین ؟؟؟

مسعود صدری

اردیبهشت 16, 1402  در  7:35 ب.ظ

سلام
بله. بعد از تکمیل پروژه مفاهیم نسخه ۱۳ رو بررسی می‌کنیم.

frontendjalal

اردیبهشت 12, 1402  در  6:30 ب.ظ

استاد ادامه دوره کی بروزرسانی میشه؟

مسعود صدری

اردیبهشت 12, 1402  در  10:31 ب.ظ

دوشنبه ۱۸ اردیبهشت جلسات جدید به دوره اضافه می‌شن.

frontendjalal

اردیبهشت 12, 1402  در  6:28 ب.ظ

سلام استاد عزیز
روز معلم رو به شما تبریک میگم 🌸💐💐

مسعود صدری

اردیبهشت 12, 1402  در  10:31 ب.ظ

سلام
خیلی ممنونم، لطف کردین.

Parvin noori

اردیبهشت 7, 1402  در  11:59 ق.ظ

سلام استاد وقتتون بخیر باشه.
استاد میشه بیشتر توضیح بدین که چطور باید تشخیص بدیم کجا از getstaticprops و کجا از getserversideprops استفاده کنیم؟

مسعود صدری

اردیبهشت 10, 1402  در  10:31 ب.ظ

سلام
وقت بخیر.
به صورت کلی از تابع getServerSideProps برای دریافت داده‌هایی استفاده می‌کنیم که تغییرات زیادی برای اونها اعمال می‌شه و به روز بودن این داده‌ها برای ما اهمیت داره.
اما استفاده از تابع getStaticProps برای زمانی هست که تغییرات زیادی در داده‌های نداریم.
برای درک بهتر نوع استفاده از این توابع پیشنهاد می‌کنم سعی کنید تمرین‌های متنوعی رو انجام بدید.

محمد حبیب الهی

فروردین 29, 1402  در  10:42 ق.ظ

سلام وقتتون بخیر
api ای که داخل نکست نوشته میشه رو اپلیکیشن موبایل هم میتونه بگیرتش؟

مسعود صدری

فروردین 29, 1402  در  1:20 ب.ظ

سلام
وقت بخیر.
هدف اصلی استفاده از Next.js اجرای React سمت سرور هست.
اگر هدفتون فقط توسعه API باشه می‌تونید از زبان‌های بک‌اند استفاده کنید.
طبیعتا API می‌تونه توسط Clientهای مختلف استفاده بشه.

alish511

فروردین 27, 1402  در  7:09 ب.ظ

سلام استاد عزیز
اولا آیا این دوره واسه آموزش نکست کافیه دوما از دوره چقدر مونده

مسعود صدری

فروردین 27, 1402  در  11:13 ب.ظ

سلام
بله قطعا. البته همیشه در کنار دوره، مطالعه مستندات و انجام تمرین‌های متنوع رو برای درک بهتر مفاهیم پیشنهاد می‌کنم.
متاسفانه زمان دقیق نمی‌تونم بگم. هدف ما پیاده سازی حداکثری فیچرهای پروژه هست.
بعد از تکمیل پروژه، به روز رسانی بعدیمون شروع می‌شه که تصمیم داریم مباحث مربوط به نسخه ۱۳ رو بررسی کنیم.

شعیب الماسی

فروردین 26, 1402  در  4:09 ب.ظ

سلام. بقیه قسمت ها کی بارگزاری میشه؟

مسعود صدری

فروردین 27, 1402  در  1:01 ق.ظ

سلام
دوشنبه ۴ اردیبهشت.

amirht905

فروردین 23, 1402  در  5:59 ب.ظ

سلام احراز هویت و سطح دسترسی با jwt انجام میشه؟

مسعود صدری

فروردین 24, 1402  در  8:40 ب.ظ

سلام
برای احراز هویت از پکیج NextAuth.js استفاده کردیم.

sajjadkhaledi

فروردین 23, 1402  در  1:24 ب.ظ

قصد ندارید تخفیف بگذارید میخوام چندتا دوره بخرم اگه مشکلی نیست به مناسبت عید فطر نمیزارید لطفا بزارید

مسعود صدری

فروردین 23, 1402  در  1:51 ب.ظ

سلام
تا کمتر از یک هفته پیش تخفیف نوروز رو داشتیم.
تخفیف بعدیمون اوایل تابستان هست.

Parvin noori

فروردین 20, 1402  در  1:00 ق.ظ

سلام وقتتون بخیر باشه.
من وقتی میخوام mongodb رو نصب کنم، دقیقا کدهای شما رو تو ترمینال میزنم. بعد با خطای mongodb/bin/mongod: Permission denied مواجه میشم. میشه کمکم کنید چطور میتونم این خطا رو رفع کنم؟

مسعود صدری

فروردین 20, 1402  در  1:03 ب.ظ

سلام
وقت بخیر.
اگر از ویندوز استفاده می‌کنید باید به صورت Administrator برنامه رو اجرا کنید.
در صورتی که اجرا نشد لطفا در تلگرام پیام بدید تا بررسی کنم.

EhsanAryan

فروردین 19, 1402  در  12:03 ق.ظ

سلام وقت بخیر. از آخرین آپدیت دوره زمان زیادی میگذره ممنون میشم سریع تر دوره رو پیش ببرید.

مسعود صدری

فروردین 19, 1402  در  1:26 ق.ظ

سلام، وقت بخیر.
تعطیلات نوروز رو داشتیم، به روز رسانی هر یک هفته در میان انجام می‌شه.
جلسات بعدی دوشنبه ۲۱ فروردین به دوره اضافه می‌شن.
لطفا کانال تلگرام رو دنبال کنید.

mohammadshahi

فروردین 13, 1402  در  11:25 ق.ظ

با سلام
من دوره رو خریداری کردم اما میخواستم بدونم که از ریداکس هم در این پروژه استفاده میشه؟

مسعود صدری

فروردین 13, 1402  در  1:05 ب.ظ

سلام
ممنونم برای ثبت نامتون.
خیر، از Context API استفاده کردیم.
لطفا سرفصل‌ها رو مطالعه کنید.

منوچهر قیایی

فروردین 8, 1402  در  3:03 ب.ظ

با سلام و عرض تبریک سال نو. قسمت بک اند رو با نودجی اس انجام میدین ؟ باتشکر

مسعود صدری

فروردین 8, 1402  در  5:07 ب.ظ

سلام
ممنونم، سال نو شما هم مبارک.
بله API رو با Node توسعه می‌دیم.

amirht905

فروردین 6, 1402  در  8:37 ب.ظ

سلام آیا در این دوره قسمت بک اند هم کار میشه؟

مسعود صدری

فروردین 7, 1402  در  7:00 ب.ظ

سلام
بله. در فصل API Routes مفاهیم بک‌اند رو بررسی می‌کنیم.
همین طور بک‌اند پروژه اصلی به صورت کامل پیاده سازی می‌شه.

افزودن دیدگاه جدید