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

در آموزش Next.js 14 مفاهیم و ساختار نسخه ۱۴ فریم‌ورک Next.js را به صورت دقیق بررسی می‌کنیم.
سرفصل‌ها
00:00:00 معرفی دوره
00:01:05 پیش‌نیازها
00:02:06 بررسی Next.js 14
00:05:22 مستندات Next.js 14
00:09:45 راه‌اندازی محیط توسعه
00:14:14 نصب Next.js
00:19:11 بررسی ساختار فایل‌ها
00:23:35 استفاده از فونت‌ها
00:28:30 مفهوم Routing
00:34:38 استفاده از Link
00:39:10 سرور و کلاینت کامپوننت‌
00:42:25 مفهوم Data Fetching
00:47:40 بررسی Caching در نسخه ۱۴
00:49:54 مفهوم Server Actions
00:52:12 توسعه فرم
00:56:17 استفاده از json-server
01:00:08 دریافت داده‌ها
01:04:31 پیاده سازی توابع سرور
01:10:53 بررسی مفهوم Revalidat Data
پیش‌نیازها
• آموزش جاوااسکریپت - دو...
• آموزش React - دوره فشرده
آموزش جامع Next.js
frontcast.ir/product/nextjs
سورس کد
github.com/MasoodSadri/nextjs...
کانال تلگرام
t.me/frontcast

[@mohammadm2846]

Thank you ❤

[@younessheikhlar3614]

awesome thank you

[@arashkenji480]

nice job

[@hosseinsiahkamari6844]

Perfect ❤❤❤❤❤

[@alirezakiani1222]

بسیار عالی بود واقعا لذت بردم

[@HabibiDev]

عالی بود خلاصه و مفید

[@aminfarahani6773]

ار سر کار اومدم و فوق العاده خسته ام ، ولی اینقدر دوست دارم اموزش هاتون دلم نمیاد نبینم با این که اصلا ری اکت کار هم نیستم ولی با جون و دل میبینم ❤❤

[@MasoodSadri]

خیلی ممنونم، باعث افتخار هست

[@napoleongreatson]

عالی بود ، مختصر مفید

[@Toytomy]

excelente👌

[@user-yi3rq7jk2r]

perfect

[@alitajangi6762]

خیلی عالی و بروز بود ممنون مسعود جان

[@user-zy2xu3di9x]

خیلی ممنون

[@user-yi3rq7jk2r]

awsome

[@alirezaee7812]

استاد دم شما گرم خیلی اموزش عالی ای بود ممنون ازتون

[@arman5782]

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

[@farnazmoghadam9598]

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

[@mehdijafarzade2381]

عالی هستی استاد عزیز😍

[@ehsanfakhri5034]

عالی 👏👏👏

[@user-ie8wj6kw7z]

عالی بود 😃🙌👌

[@mdms4549]

عالی 👏👏

[@Jkjk-pu2vt]

بابا حلال اولسون ادامه بده👌👌

[@user-dl4do2rm3y]

آقا عالی

[@mehrzad-deris]

کارت درسته 🔥🔥🔥

[@khajh933]

دمت گرم❤

[@user-sl9yv5he2r]

اقای صدری عزیز از نکست14 دوره بیشتر بزارید ممنون از زحمات شما

[@Yassi_english]

با سلام بنده دوره رو دیدم ممنون از زحماتتون

[@MasoodSadri]

خیلی ممنونم

[@ashkankianii]

شیوا و عالی بود. کامل نبود ولی عالی و جمع و جور بود. دوره کامل خود مسعود رو تو سایتش میتونید بخرید که واقعا اولین دوره فوق العاده ای هست که من دیدم. دوره های دیگه مسعود هم عالیه. ❤

[@MasoodSadri]

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

[@itsir3211]

درود استاد، ممنون از آموزش فوق العادتون، استاد بنده مفهوم useClient رو درک کردم اما برای دریافت مقادیر داینامیک می تونیم آنها رو از طریق params در یک متغیر ذخیره و بر اساس مقدارشون سایر پردازش ها رو انجامم بدیم. چرا باید از usePath name استفاده کرد برای اینکار؟

[@zakaryahasanzadah2613]

پیشنهاد میشه که حتما ببینید🖐🏼🖐🏼🖐🏼🖐🏼🖐🏼🖐🏼

[@alishaker4112]

سلام استفاده میشه درباره API نویسی Next 14 در لاذاول یا دیگر فریمورک ها صحبت کهید و همچنین یک پروژه full stack با Next 14 بسازید

[@younessheikhlar3614]

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

[@MasoodSadri]

خیلی ممنونم، لطف دارین🙏🏻

[@omidrayaneh]

عالی بود و بسیار شیوا لذت بردم و میخ کوب ، آموزش فارسی خیلی دیدم مال شما یکی ازآموزش های تاپ هست (هم ردیف جادی بزرگ) اگه براتون مقدور باشه ادامه بدید. ممنون از شما👏👏👏

[@MasoodSadri]

خیلی ممنونم، حتما🙏🏻

[@alinasrabadi749]

عالی بود مرسی 😍 فقط برای splice لازم نبود مقدارش دوباره تو data ریخته بشه چون تابع splice مقادیر رو replace میکنه data.splice(10)

[@hojjatsaaa]

👍👍

[@histamin3914]

لطفا ادامه ش را اپلود کنید ممنون

[@MasoodSadri]

حتما.

[@amirhoseinriping6216]

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

[@rezakhani8627]

آفرین خوب بود 😂😂 با وجود این که نزدیک دو ساله دارم کار میکنم اومدم next js رو نصب کنم بعد ران کنم دیدم ارور swc اومد هر کاری کردم نشد اصلا فکرم نرفت سمت node js که شما گفتین بهتره نود ورژن بالا رو نصب کنید که همین رو دیدم گفتم ای وای 😂😂 خلاصه که دمت گرم این آموزشی که گزاشتی اینطوری به درد من خورد ❤

[@mymobile-dr3lh]

مسعود جان شما اموزش هات عالیه ولی هميشه ناقص میزاری موضوع رو 🥹

[@MasoodSadri]

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

[@navidbehroozi5793]

درود استاد علتی داره که از action به جای onSubmit استفاده کردید؟

[@MasoodSadri]

این مثال مربوط به Server Actions و Server Component می‌شه. این لینک رو مطالعه کنید: nextjs.org/docs/app/api-reference/functions/server-actions

[@mohsensalehi7616]

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

[@MasoodSadri]

سلام. ممنونم. زمانی که برای یک تابع از use server استفاده می‌کنیم، تعیین می‌شه که این تابع فقط روی سرور می‌تونه اجرا بشه.

[@NiloofarHooshangi-qf9um]

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

[@MasoodSadri]

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

[@paydarsmartcity1373]

سلام، خداقوت، قبل دیدن این دوره نیاز هست که دوره ای که برای Next 13 قرار دادین رو هم ببینم یا همین کافیه؟

[@MasoodSadri]

سلام، اگر نسخه ۱۲ رو هم بدونید بهتره ولی پیش‌نیاز این دوره فقط دانش مفاهیم اصلی React هست

[@user-sl9yv5he2r]

یه سوال دارم ایا جای نود رو میتونه بگیره ؟ یا اساسا سوالم اشتباه هستش ؟

[@MasoodSadri]

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

[@amiwr.developer8657]

سلام یه سوال. یعنی مفاهیم getStaticProps و GetSErverSideProps کلا حذف شدن؟

[@MasoodSadri]

سلام. در نسخه ۱۴ پشتیبانی نمی‌شن

[@user-xb1yg5tx5f]

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

[@MasoodSadri]

ممنون. این‌ دوره برای نسخه ۱۴ هست، دوره قبلی نسخه ۱۲.

[@tahaahmadpor7879]

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

[@MasoodSadri]

سلام. بله می‌تونید ببینید دوره رو، ولی حتما باید مبانی React رو بدونید

[@webdops]

اول react رو کامل یادبگیری بهتره چون جلو تر تو توسعه مشکل میخوری و هی باید برگردی عقب ❤

[@MSEIN2303]

الان این دوره کامل تره و بهتر یا دوره ای که ۱ سال پیش ظبط شده؟

[@MasoodSadri]

این دوره مربوط می‌شه به بررسی مفاهیم نسخه ۱۴، دوره قبل نسخه ۱۲

[@MSEIN2303]

یعنی باید جفتش رو ببینیم؟ @@MasoodSadri

[@MasoodSadri]

@@MSEIN2303 پیشنهاد من این هست که هر دو رو یاد بگیرید ولی تمرکزتون برای نسخه ۱۴ باشه

[@user-il5ne7em6q]

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

[@MasoodSadri]

دوره سایت نسخه‌های ۱۲ و ۱۳ رو هم شامل می‌شه و در صورت به روز رسانی Next.js با مفاهیم جدید به صورت رایگان به روز می‌شه.