آموزش Next.js 14 - دوره فشرده
Вставка
- Опубліковано 5 сер 2024
- در آموزش 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...
وب‌سایت و شبکه‌های اجتماعی
frontcast.ir
/ masoodsadri
x.com/MasoodSadri
/ masoodsadri
t.me/frontcast
بهترین کمکی که یک ویدئو میتونست به من بده . . . واقعا دمت گرم عشقی💖💖
مختصر و مفید ممنونم از زحمتی که کشیدین جهت ظبط ویدیو
ار سر کار اومدم و فوق العاده خسته ام ، ولی اینقدر دوست دارم اموزش هاتون دلم نمیاد نبینم با این که اصلا ری اکت کار هم نیستم
ولی با جون و دل میبینم ❤❤
خیلی ممنونم، باعث افتخار هست
عالی بود ، مختصر مفید
Perfect ❤❤❤❤❤
awesome thank you
بابا حلال اولسون ادامه بده👌👌
Thank you ❤
عالی 👏👏👏
عالی 👏👏
عالی بود 😃🙌👌
خیلی ممنون
perfect
nice job
عالی هستی استاد عزیز😍
بسیار عالی بود واقعا لذت بردم
عالی بود خلاصه و مفید
خیلی عالی و بروز بود ممنون مسعود جان
کارت درسته 🔥🔥🔥
خیلی عالی بود ممنونم ❤❤
دمت گرم❤
ویدیوی بسیار خوبی بود واقعا ممنونم
آقا عالی
awsome
excelente👌
استاد دم شما گرم خیلی اموزش عالی ای بود ممنون ازتون
شیوا و عالی بود. کامل نبود ولی عالی و جمع و جور بود. دوره کامل خود مسعود رو تو سایتش میتونید بخرید که واقعا اولین دوره فوق العاده ای هست که من دیدم. دوره های دیگه مسعود هم عالیه. ❤
خیلی ممنونم، لطف دارین
واقعا لذت بخشه که یادگیری رو با استادی متبهر و کار بلد که درس دادن بلد هست شروع کنی- ممنون که آموزش دادن رو بلدید و به زیر و زبر شغل خودتون آشنایی کامل دارید
خیلی ممنونم، لطف دارین🙏🏻
سلام خدا خیرتون بده استاد متشکرم
با سلام بنده دوره رو دیدم ممنون از زحماتتون
خیلی ممنونم
عالی بود و بسیار شیوا لذت بردم و میخ کوب ، آموزش فارسی خیلی دیدم مال شما یکی ازآموزش های تاپ هست (هم ردیف جادی بزرگ) اگه براتون مقدور باشه ادامه بدید.
ممنون از شما👏👏👏
خیلی ممنونم، حتما🙏🏻
اقای صدری عزیز از نکست14 دوره بیشتر بزارید ممنون از زحمات شما
👍👍
پیشنهاد میشه که حتما ببینید🖐🏼🖐🏼🖐🏼🖐🏼🖐🏼🖐🏼
مسعود جان شما اموزش هات عالیه ولی هميشه ناقص میزاری موضوع رو 🥹
همون طور که از عنوان دوره مشخصه، یک دوره فشرده هست نه دوره جامع. البته باز هم در مورد Next ویدیو خواهیم داشت.
درود استاد، ممنون از آموزش فوق العادتون، استاد بنده مفهوم useClient رو درک کردم اما برای دریافت مقادیر داینامیک می تونیم آنها رو از طریق params در یک متغیر ذخیره و بر اساس مقدارشون سایر پردازش ها رو انجامم بدیم.
چرا باید از usePath name استفاده کرد برای اینکار؟
عالی بود مرسی 😍
فقط برای splice لازم نبود مقدارش دوباره تو data ریخته بشه چون تابع splice مقادیر رو replace میکنه
data.splice(10)
آفرین خوب بود 😂😂
با وجود این که نزدیک دو ساله دارم کار میکنم اومدم next js رو نصب کنم بعد ران کنم دیدم ارور swc اومد هر کاری کردم نشد اصلا فکرم نرفت سمت node js که شما گفتین بهتره نود ورژن بالا رو نصب کنید که همین رو دیدم گفتم ای وای 😂😂 خلاصه که دمت گرم این آموزشی که گزاشتی اینطوری به درد من خورد ❤
لطفا ادامه ش را اپلود کنید ممنون
حتما.
فکرنکنی به حرفات گوش ندادما ولی میشه مارک ماوسی که استفاده میکنیو بگی ؟!!
سلام استفاده میشه درباره API نویسی Next 14 در لاذاول یا دیگر فریمورک ها صحبت کهید و همچنین یک پروژه full stack با Next 14 بسازید
سلام وقت بخیر خسته نباشید
من یه سوال دارم چرا ما از use server استفاده کردیم توی اون سابمیت فرم ؛ در صورتی که به صورت دیفالت سمت سرور هست ؟
سلام. ممنونم. زمانی که برای یک تابع از use server استفاده می‌کنیم، تعیین میشه که این تابع فقط روی سرور میتونه اجرا بشه.
سلام یه سوال. یعنی مفاهیم getStaticProps و GetSErverSideProps کلا حذف شدن؟
سلام. در نسخه ۱۴ پشتیبانی نمی‌شن
درود استاد
علتی داره که از action به جای onSubmit استفاده کردید؟
این مثال مربوط به Server Actions و Server Component میشه. این لینک رو مطالعه کنید:
nextjs.org/docs/app/api-reference/functions/server-actions
یه سوال دارم ایا جای نود رو میتونه بگیره ؟ یا اساسا سوالم اشتباه هستش ؟
نه سوالتون اشتباه نیست. با استفاده از Next.js می‌تونیم قسمت بک‌اند رو هم توسعه بدیم. انتخاب تکنولوژی بستگی داره به منطق توسعه دهنده و نوع پروژه.
سلام استاد یه پیشنهاد داشتم میشه یه دوره آماده کنید که فقط چند تا نمونه پروژه های واقعی باشه ؟خیلی ممنونم
سلام، حتما. ممنونم از پیشنهادتون
سلام، خداقوت، قبل دیدن این دوره نیاز هست که دوره ای که برای Next 13 قرار دادین رو هم ببینم یا همین کافیه؟
سلام، اگر نسخه ۱۲ رو هم بدونید بهتره ولی پیش‌نیاز این دوره فقط دانش مفاهیم اصلی React هست
خسته نباشید. دو تا دوره nextjs از شما وجود داره. این دوتا چه تفاوتی با هم دارن؟؟ یکی تقریبا دو ساعت و اون یکی تقریبا یک ساعت
ممنون. این دوره برای نسخه ۱۴ هست، دوره قبلی نسخه ۱۲.
سلام راستش من هیچ دانشی از نکست جی اس ندارم میخواستم بگم این دوره مناسب من هست ایا؟
سلام. بله میتونید ببینید دوره رو، ولی حتما باید مبانی React رو بدونید
اول react رو کامل یادبگیری بهتره چون جلو تر تو توسعه مشکل میخوری و هی باید برگردی عقب ❤
دوره ای که توی سایتتون میفروشید آیا با این دوره رایگان متفاوته؟
دوره سایت نسخه‌های ۱۲ و ۱۳ رو هم شامل میشه و در صورت به روز رسانی Next.js با مفاهیم جدید به صورت رایگان به روز میشه.
الان این دوره کامل تره و بهتر یا دوره ای که ۱ سال پیش ظبط شده؟
این دوره مربوط میشه به بررسی مفاهیم نسخه ۱۴، دوره قبل نسخه ۱۲
یعنی باید جفتش رو ببینیم؟
@@MasoodSadri
@@MSEIN2303 پیشنهاد من این هست که هر دو رو یاد بگیرید ولی تمرکزتون برای نسخه ۱۴ باشه