آموزش Next.js - دوره فشرده

دوره آموزش Next.js فرانت کست از پایه‌ای‌ترین مفاهیم شروع شده و به صورت قدم به قدم طراحی شده است. برای شرکت در این دوره هیچ نیازی به دانش قبلی درمورد Next.js وجود ندارد زیرا آموزش همه مفاهیم به‌طور جامع در این دوره صورت گرفته است. یادگیری در این دوره با انجام تمرین و چالش‌های مختلف به شکل عمیق انجام می‌شود
سرفصل‌ها
00:00:00 معرفی دوره
00:02:48 پیش‌نیازهای دوره
00:11:21 ساختار دوره و پشتیبانی
00:14:41 بررسی Next.js
00:18:56 امکانات Next.js
00:22:19 راه اندازی محیط توسعه
00:29:28 بررسی ساختار Next App
00:32:34 بررسی Routing در Next.js
00:39:18 مقادیر Static در Routeهای زیرمجموعه
00:45:01 مقادیر Dynamic در Routeها
00:51:26 استفاده از Routeهای زیرمجموعه
00:57:07 دریافت مقادیر مسیرها
01:01:28 بررسی کامپوننت Link
01:05:01 استفاده از Routeهای Dynamic
01:11:54 نمایش صفحات بر اساس متد
01:18:22 افزودن صفحه ۴۰۴
01:21:55 جمع بندی مفاهیم
01:26:18 فرآیند Pre-render
01:30:27 بررسی تابع getStaticProps
01:36:39 اجرای کد سمت سرور
01:46:22 استفاده از پارامترهای Dynamic
01:59:45 بررسی تابع getStaticPaths
02:04:17 صفحات Fallback
02:07:35 نمایش داینامیک مسیرها
02:14:34 بررسی و استفاده از getServerSideProps
02:19:35 پارامتر Context در getServerSideProps
02:22:19 پیاده سازی صفحات داینامیک
02:27:42 ادامه مسیر یادگیری
بررسی به روز رسانی نسخه ۱۴
• آموزش Next.js 14 - دور...
پیش‌نیازها
• آموزش جاوااسکریپت - دو...
• آموزش React - دوره فشرده
آموزش Next.js - دوره جامع
frontcast.ir/product/nextjs
سورس کد
github.com/MasoodSadri/nextjs...
وب‌سایت و شبکه‌های اجتماعی
frontcast.ir
/ masoodsadri
x.com/MasoodSadri
/ masoodsadri
t.me/frontcast

[@alihaamedi]

خسته نباشید استاد،ممنون بابت قرار دادن این دوره

[@user-jo8gq9nj2q]

به به خسته نباشین خیلی دوره ی خوب و طرز بیان هم خیلی شیوا و خوب بود مچکر

[@user-sr9ss3xd4q]

ممنون ازتون امیدوارم همینچور پرقدرت پیش برید .. خیلی لذت بردم متشکرم

[@user-om6hj5wr1s]

سلام استاد واقغا آموزش هاتون خیلی کمک کرد خدا خیرت بده پایدار باشی همیشه

[@mohammadmalek5042]

برای شروع واقعا عالی بود
ممنون 🙏 ❤️

[@amirhosseinbakhoda]

ممنون از بابت آموزش خوب شما ، مفید بود😌

[@abolfazltaghavi5703]

سلام آقای صدری واقعا ممنون بابت این آموزشتون مفید و کاربردی♥

[@moh25678]

عالی هستین

[@user-ew9ep3pp2j]

Thanks Masood for this video. 🙏

[@mdms4549]

عالی بود ممنون
🙂🙂☑☑

[@user-hw3zg1hv6i]

خیلی عالی بود ممنونم

[@MasoodSadri]

ممنونم

[@user-sl9yv5he2r]

اقای صدری ممنون بابت اموزش هاتون یک دوره عملی بزارید برای مبحث چت توی اسکیل بزرگ

[@safara_umarov]

Great tutorial bro ❤️👍 from Tajikistan

[@Mohaddese.rahimi]

gooood!

[@mohammadreza5714]

خیلی ممنون از آموزشتون فقط اینکه اگه از api های آماده مثل jsonplaceholder استفاده میکردید بهتر بود که درگیر دسترسی به فایل json نباشیم 🙏🙏👌👌

[@erfanehsahraii5251]

سلام، بسیار عالی. ممنون از ویدیو های کاربردی تون 🙏🎉

[@MasoodSadri]

خیلی ممنون

[@ehsanbgh79]

سلام اگه میشه اموزش زدن پنل برای سایت روشگاهی با next بزارید
😍🤩

[@hojjatbandani]

آقا دمت گرم تو اینجا بودی ما انقد دنبال آموزش ریکت بودیم

[@silicode_ai]

سلام جناب صدری واقعا ممنون بابت این آموزش ... استاندارد آموزش هاتون خیلی عالیه

[@MasoodSadri]

ممنونم🙏🏻

[@AminSani]

من می خوام با دیدن آموزش شما نکس رو برای همکارانم توضیح بدم
واقعا خوب توضیح میدین

[@Tinakhgar]

سلام استاد خیلی ممنون بابت اموزش عالی تون لطفا اپدیت دوره هم بزارید و پروژه محور هم بزارید ممنون

[@MasoodSadri]

ممنون از شما. آموزش جامع در سایت پروژه محور هست

[@farhanrazzaghi9724]

مرسی استاد دوره react native رو هم میذارید

[@moh25678]

❤🖤❤

[@parvinmardani1317]

آقا من امروز باهاتون آشنا شدم . میخوام بگم خیلی کارتون درسته . اینو از توضیحات کامل ، آموزش بی ریا و صادقانه تون فهمیدم . کسایی که میخوان برنامه نویسی رو شروع کنن پیج درست رو پیدا کردن سنگ تمام گذاشتید . ممنون از تمام زحماتتون 👍

[@MasoodSadri]

ممنونم از لطفتون🙏🏻

[@behnamsaba1301]

اموزش خوبی بود مزسی ، بهتر بود از یک اکسترنال API استفاده میکردین تا فایل

[@user-sl9yv5he2r]

اقای صدری من یه مشکل با کد های اچ تی ام ال دارم اونم اینه که نمیشه تبدیل به jsx کرد میخوام ببینم ابزاری هست همش ارور میده تمپلیت من اچ تی ام ال هستش و هر صفحه ایی چنتا کامپوننت میشه

[@user-yi3rq7jk2r]

proje ba next ham bezard

[@m6336m]

سلام آقای مهندس وقت بخیر ممنونم از آموزش هاتون
اگه در مورد ساخت ویجت wordpress با کمک react js هم یه نمونه کلیپ بسازید ممنون میشم

[@MasoodSadri]

سلام، حتما. ممنونم از پیشنهادتون.

[@m6336m]

@@MasoodSadri ممنون آقای مهندس

[@m6336m]

سلام مجدد و خدا قوت مهندس
من یه دونه مینی پروژه درست کردم با html و css و javascript آیا میشه اینو به ویجت wordpress تبدیلش کرد یا اینکه باید با react بنویسم از اول؟ چون react بلد نیستم فعلا

[@steverogers8724]

سلام به استاد عزیز و گرامی، ممنون بابت آموزش عالیتون. من نکته 2:07:23 رو متوجه نشدم. برام سوال شده که خب چرا فقط همون "loading" برنگشت و یه لحظه کوتاه اومد و مسئله ای که پیش اومده بود رو حل کرد. اصلا درک نکردم که چرا کامپوننت دوباره رندر شد و وارد روت p3 شدیم

[@alighane-nu8ey]

من یکم گیج شدم استاد صدری عزیز ایا چرخه حیات در نکست هم وجود داره ؟

[@user-lm1tf1fh4x]

سلام استاد یک سوال داشتم
ببخشید بخاطر اینکه با موضوع دوره مربوط نیست
گوگل چطوری سایت های spa رو که بامثلا vue js نوشتیم ایندکس میکنه
و همچنین چطوری سایت هایی که بک اند دارند رو ایندکس میکنه ؟

[@Dev_Ba]

سلام جناب صدری ممنون از آموزش خوبی که گذاشتید . آیا در یوتیوب هم پاسخ سوالات نکست را میدید؟ من از دوره تون استفاده خواهم کرد امروز دانلودش کردم. موفق تر باشید😊

[@MasoodSadri]

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

[@Dev_Ba]

@@MasoodSadri سلامت باشید. موفق تر باشید . کانالتون عالی هست❤

[@user-sl9yv5he2r]

اقای صدری برای من فولدر pages ساخته نمیشه میشه راهنمایی کنید

[@MasoodSadri]

به روز رسانی نسخه ۱۴ رو ببینید:
ua-cam.com/video/2XtVO8bvX8s/v-deo.html

[@thezoom1947]

وقتی بخوام دوره ای ببینم اول اینترو دوره رو میبینم که با طرز بیان و قدرت بیان مدرس اشنا بشم که ت این زمینه فوقالعاده عمل کردید خسته نباشید واقعن 👌
و اینکه یک سوال دوره‌تون پروژه محوره؟

[@MasoodSadri]

ممنونم، بله

[@softwareeducation_per]

سلام، ببخشید که سوال بی ربط به این ویدئو میپرسم، برنامه ای برای آموزش Node.js ندارید استاد؟

[@MasoodSadri]

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

[@Alihemmatnia]

میشه برای ورژن 13 اپدیت بدید

[@MasoodSadri]

بعد از تکمیل پروژه، دوره رو به روز می‌کنیم

[@JovaneshDev]

سلام مهندس دوره منتورینگ دارید برای تبدیل شدن به یک فرانت کار

[@MasoodSadri]

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

[@user-yi3rq7jk2r]

website bala nemiad

[@MasoodSadri]

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

[@ok-ec6ew]

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

[@MasoodSadri]

سلام. دوره‌ای که در سایت قرار داره جامع هست.

[@user-kq8ef2ib1v]

دوره با ورژن چند ضبط شده؟

[@MasoodSadri]

نه با نسخه ۱۲ هست. تا پایان شهریور مفاهیم نسخه ۱۳ رو به دوره اضافه می‌کنیم.