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 با انجام تمرین و چالش‌های مختلف به شکل عمیق انجام می‌شود. پس از آن، پروژه دوره شروع می‌شود. پروژه دوره آموزش Next.js یک فروشگاه پیشرفته فول‌استک می‌باشد که برای توسعه آن از ابزارهای مدرن استفاده کرده‌ایم.

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

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

مدرس دوره

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

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

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

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

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

سرفصل‌ها

دیدگاه‌ها:

pourya-k

بهمن 8, 1403  در  6:45 ب.ظ

سلام وقت بخیر
بنظر شما میشه از نکست به تنهایی هم برای بک اند هم فرانت اند یک پروژه فروشگاهی استفاده کرد؟
بیشتر از نظر امنیت پروژه و داده های کاربران و ارتباط با پایگاه داده برای ذخیره اطلاعات منظورم هست. یا اینکه اکسپرس راه حل بهتری هست و پیشنهاد شما در حال حاضر چه می باشد؟
متشکرم

برای پاسخ دادن وارد شوید

مسعود صدری

بهمن 11, 1403  در  5:08 ب.ظ

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

masood.mehrkesh13777

مهر 28, 1403  در  8:09 ق.ظ

درود فراوان و عرض خسته نباشید
اگر امکانش هست لطف کنید همراه با آپدیت React 19,Next 15 یک دوره معماری میکرو فرانت اند با typescript تدوین کنید که واقعا نیاز هست
شرکت های موفق در بازار و همینطور برنامه نویس های حرفه ایی react,next همه مباحث atomic design,micro front-end کار می کنن و همینطور با typescript
اگر لطف بکنید برنامه ایی برای این موضوعات تدوین کنید قطعا فوق العاده خواهد شد با توجه به نحوه تدریس و آمورش دادن شما
پیروز باشید
با تشکر🙏

برای پاسخ دادن وارد شوید

مسعود صدری

مهر 29, 1403  در  11:39 ب.ظ

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

Amir madany

مهر 9, 1403  در  12:04 ق.ظ

درود و ارادت، Next js نسخه های ۱۲ و ۱۳ و ۱۴ که پروژه زدین
با typescript هستن هر ۳ تاشون؟
یا صرفا ۱۴ با تایپ اسکریپت هست؟

برای پاسخ دادن وارد شوید

مسعود صدری

مهر 20, 1403  در  6:10 ب.ظ

سلام
وقت بخیر.
نسخه‌های ۱۲ و ۱۳ با جاوااسکریپت هستند و نسخه ۱۴ با تایپ اسکربپت.
نسخه ۱۵ رو هم با تایپ اسکریپت پیش می‌ریم.

hamzehparsi

شهریور 26, 1403  در  8:17 ب.ظ

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

برای پاسخ دادن وارد شوید

مسعود صدری

شهریور 26, 1403  در  10:50 ب.ظ

سلام
وقت شما هم بخیر.
دموی تمرین‌های نسخه ۱۲ و ۱۳ رو نداریم.
منتظرم نسخه ۱۵ پایدار بشه که یک تمرین با این نسخه پیاده سازی کنیم، دموی این تمرین رو حتما منتشر می‌کنم.

مهرداد جوکاری

شهریور 17, 1403  در  11:04 ق.ظ

آیاد در این دوره ، هوک های ری اکت هم آموزش داده میشوند ؟

برای پاسخ دادن وارد شوید

مسعود صدری

شهریور 24, 1403  در  11:16 ب.ظ

سلام
تمرکز این دوره برای مفاهیم Next.js هست.
مباحث مربوط به Hookها رو در آموزش مقدماتی تا پیشرفته React بررسی کردیم.

rezaei_124

خرداد 25, 1403  در  11:57 ق.ظ

سلام ، به عنوان مدرس nextjs , شما یادگیری next را پیشنهاد میدهید و یا nuxt را ، در حال یادگیری nuxt هستم ولی چون مفاهیم را خوب آموزش میدهید ، مردد شده ام

برای پاسخ دادن وارد شوید

مسعود صدری

تیر 1, 1403  در  10:27 ب.ظ

سلام
ممنونم از لطفتون.
انتخاب یادگیری یک زبان برنامه نویسی و یا تکنولوژی به نظر من باید بر اساس علاقه و بازار کار باشه.
طبیعتا React و Next.js بازار کار بهتری نسبت به Vue و Nuxt دارند، ولی زمانی که شما متخصص یک تکنولوژی باشید همیشه موقعیت‌های شغلی خوبی خواهید داشت.

aliasghar bagheri

اسفند 19, 1402  در  10:47 ق.ظ

سلام استاد خیلی مخلصیم
دو تا سوال داشتم:
اولیش اینه که برای احراز هویت پروژه های واقعی با NextJs چه سیستم احراز هویتی رو پیشنهاد میدین ؟ من داکیومنت Next-auth رو هم بررسی کردم ولی نسخه ای که گفتن با Next 14 هماهنگ هست بعضی مواردش به خوبی کار نمیکنه.
سوال دومم اینه, که برای درک کامل احراز هویت و مجوز دهی و مدیریت سشن ها باید چیکار کنیم و توی این سه مورد چه ریز جزئیاتی رو باید در نظر بگیریم ؟ اگه داکیومنت یا کتاب خاصی رو میشناسین تا توی این زمینه بتونه بهم کمک کنه ممنونتون میشم بهم معرفی کنین من که پاک گیج شدم.
با تشکر.

برای پاسخ دادن وارد شوید

مسعود صدری

اسفند 23, 1402  در  9:48 ب.ظ

سلام
وقت بخیر.
پیشنهاد من در حال حاضر استفاده از NextAuth هست.
چون فعلا Next.js همین پکیج رو برای احراز هویت معرفی می‌کنه.
این لینک رو مطالعه کنید:
https://nextjs.org/learn/dashboard-app/adding-authentication

mh.sameni

اسفند 19, 1402  در  10:38 ق.ظ

سلام استاد
وقتتون بخیر
اول تشکر میکنم بابت دوره های خوبتون استاد نحوه اموزشتون و مقدار مفید بودن آموزش ها تو سطح خیلی بالایی قرار دارند، که از این بابت واقعا تبریک میگم خدمتتون.
یه سوال در خصوص دوره نکست داشتم: من میخوام نکست ۱۴ رو یاد بگیرم، اگر فقط فصل آخر که برسی مفاهیم نسخه ۱۴ هست (جلسه ۱۳۵ به بعد) رو نگاه کنم اکی هست؟
ویک سوال دیگه این که این فصل عینا همون اموزش فشرده نکست ۱۴ که تو یوتوپ گذاشتید هست یا مفصل تر توضیح داده شده؟

برای پاسخ دادن وارد شوید

مسعود صدری

اسفند 23, 1402  در  9:46 ب.ظ

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

Amir Mohamd Mohamadi

اسفند 13, 1402  در  12:23 ق.ظ

سلام وقتتون بخیر من این دوره رو تهیه کردم از قبل، ولی الان میخوام برم سراغش به نظر شما با اومدن نسخه ۱۳ و ۱۴ هنوزم این دوره و نسخه ۱۲ رو ببینیم؟ و اینکه تا چه حد مهمه ببینیم.

برای پاسخ دادن وارد شوید

مسعود صدری

اسفند 13, 1402  در  11:35 ق.ظ

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

aliasghar bagheri

بهمن 15, 1402  در  3:01 ب.ظ

سلام استاد وقتتون بخیر
استاد اگه بخوایم با ورژن ۱۴ NextJS یک وبلاگ یا یک سایت بسازیم چه سیستم احراز هویتی پیشنهاد میکنین؟
چون وقتی برای بحث احراز هویت سیستم هایی مثل Clerk یا Kinde استفاده میکنیم اگه کسی با IP ایران بخواد وارد سایت بشه سیستم احراز هویت به خوبی کار نمیکنه و next-auth هم توی ورژن ۵, ورژن Beta هست.
پیشنهادتون برای یک سایت واقعی چیه استاد ؟
با تشکر

برای پاسخ دادن وارد شوید

مسعود صدری

بهمن 18, 1402  در  12:14 ب.ظ

سلام
وقت شما هم بخیر.
مستندات Next.js برای احراز هویت پکیج NextAuth رو پیشنهاد کرده و تا جایی که من اطلاع دارم با آخرین نسخه (۱۴.۱) هماهنگ هست.
پیشنهاد می‌کنم این لینک رو مطالعه کنید:
https://nextjs.org/learn/dashboard-app/adding-authentication

pouriya sedaghat

بهمن 12, 1402  در  2:10 ق.ظ

سلام استاد
جسارتا امکانش هست نسخه ۱۴ رو عمیق تر بررسی کنید چون قسمت های جدیدی اضافه شده و توی بررسی نسخه ۱۴ گفته نشده

برای پاسخ دادن وارد شوید

مسعود صدری

بهمن 12, 1402  در  9:03 ب.ظ

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

amirrezaakbari81

آذر 23, 1402  در  2:21 ب.ظ

سلام روزتون بخیر
یه سوال داشتم من تازه می خوام شروع به یادگیری next و گفته شده نسخه ۱۳ از نسخه ۱۲ بسیار متفاوت شده و این دوره با نسخه ۱۲ آموزش داده شده آیا به مشکل می خورم یا خیر ؟
و آیا رفع اشکال با شما وجود داره ؟

برای پاسخ دادن وارد شوید

مسعود صدری

آذر 23, 1402  در  2:57 ب.ظ

سلام
وقت بخیر
همون طور که در سرفصل‌ها نوشته شده، در دوره نسخه‌های ۱۲، ۱۳ و ۱۴ آموزش داده شدند.
بررسی مفاهیم نسخه ۱۴ رو به صورت رایگان در کانال یوتوب هم می‌تونید ببینید.
بله رفع اشکال با خودم هست، اگر سوالی بود می‌تونید در تلگرام به اکانت MasoodSadri پیام بدید.

alidlt

آذر 8, 1402  در  2:48 ق.ظ

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

برای پاسخ دادن وارد شوید

مسعود صدری

آذر 8, 1402  در  1:10 ب.ظ

سلام
تخفیف بعدی اوایل زمستان هست.
لطفا کانال تلگرام رو دنبال کنید: t.me/frontcast

arks1358

آذر 5, 1402  در  1:48 ب.ظ

سلام وقت بخیر
بعنوان یک متخصص ممنون می شم به سوالات زیر پاسخ دهید.
۱- تو این پروژه از چه دیتا بیسی استفاده می شه
۲- backend پروزه در خود Next پیاده سازی می شه یا اینکه می تونیم backend رو با nodejs و express تولید کنیم و در next استفاده کنیم. پیشنهاد شما در این خصوص لطفا ..
۳- آیا با Next میشه سیستم های مالی رو پیاده سازی کرد پیشنهاد شما برای این منظور چیه …

برای پاسخ دادن وارد شوید

مسعود صدری

آذر 5, 1402  در  9:50 ب.ظ

سلام
وقت شما هم بخیر
البته من متخصص نیستم، صرفا تلاش می‌کنم تا مفاهیم رو یاد بگیرم.
۱. از پایگاه داده MongoDB استفاده کردیم.
۲. فریم‌ورک Next.js یک ابزار توسعه Full Stack هست، فرانت‌اند و بک‌اند رو در کنار هم می‌تونید توسعه بدید.
۳. نرم افزارهای تحت وب با هر موضوعی رو می‌تونید با استفاده از Next.js توسعه بدید.

محمد طهرابی

آبان 26, 1402  در  12:05 ب.ظ

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

برای پاسخ دادن وارد شوید

مسعود صدری

آذر 5, 1402  در  9:53 ب.ظ

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

sajjadr7

آبان 18, 1402  در  10:49 ب.ظ

سلام وقت بخیر در حال حاضر که نسخه ۱۴ اومده و مباحثی که داخل این دوره هست حتی از نسخه ۱۲ هست ایا مفید هست هنوز؟ چه زمانی آپدیت هارو قرار میدید ؟ آیا همه مطالب next پوشش داده شدند من دنبال یک دوره خوب هستم الان این سوال ها برام پیش اومد

برای پاسخ دادن وارد شوید

مسعود صدری

آبان 18, 1402  در  11:29 ب.ظ

سلام
وقت شما هم بخیر.
پیشنهاد می‌کنم مفاهیم نسخه ۱۲ رو هم بررسی کنید، اما به نظرم تمرکز اصلی باید برای نسخه ۱۴ باشه.
ما تلاش می‌کنیم تا این دوره رو همیشه بر اساس مستندات Next.js به روز نگه داریم و به روز رسانی‌ها برای دانشجوهای قبلی دوره رایگان خواهند بود.
مفاهیم نسخه ۱۴ تا حدود دو هفته آینده به دوره اضافه می‌شن.
اگر سوالی بود می‌تونید در تلگرام به اکانت MasoodSadri پیام بفرستید.

افزودن دیدگاه جدید لغو پاسخ

برای نوشتن دیدگاه باید وارد بشوید.