Тёмный

سیستم لاگین با nextjs:‌ بدون نیاز به نصب کتابخونه و پکیج! 

Nima Arefi
Подписаться 1,3 тыс.
Просмотров 1,5 тыс.
50% 1

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 100   
@peymannorozy356
@peymannorozy356 2 месяца назад
سلام عالی بود فقط اگه کدها رو هم بزارید که بتونیم بخونیم و ازش ایده بگیریم. ممنون
@saeedk1988
@saeedk1988 3 месяца назад
مثل همیشه عالی 🔥🔥 مرسی. یه پیشنهاد هم داشتم. توی پروژه ها معمولا از پکیجی مثل axios استفاده میشه برای ارتباط با سرور. به نظرم قسمت بعدی میتونه این باشه که همین کارها رو با استفاده از اون انجام بدین و توی interceptor مربوط به axios توکن رو ثبت کنین و با هر درخواست ارسال بشه. بعد قسمت بعدیش مربوط به next-auth باشه. فکر می کنم این مدلی برای کسی که از پایه داره یاد می گیره می تونه مفید تر باشه
@nima_arf
@nima_arf 3 месяца назад
چشم از axios هم استفاده میکنم هرچند با fetch هم میشه توکن و کاری کرد که یکبار ست بشه و نیاز نباشه هی دستی بخونیش و تو header ارسالش کنی
@saeedk1988
@saeedk1988 3 месяца назад
@@nima_arf خیلی عالی ممنون 👍🙏💯💯
@nima_arf
@nima_arf 16 дней назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kL6ipADseZ8.htmlsi=GBbKl64szmz63JsQ تو این ویدیو کامل توضیح دادم
@saeedk1988
@saeedk1988 16 дней назад
@@nima_arf آقا نیما نوتیف کانال که اومد، اومدم یوتیوب و ویدیو رو دیدم. مرسی بابت انتقال خیلی خوب مفاهیم. کلی نکته از شما یاد گرفتیم. منتظر ویدیوهای بیشتر هستیم 🔥🔥
@xzex2609
@xzex2609 3 месяца назад
چه خوب فکر نمیکردم تو محتوا های فارسی همچین چیز هایی باشه ... عالی
@nima_arf
@nima_arf 3 месяца назад
🔥🔥
@CodeYourFuture_Mohseni
@CodeYourFuture_Mohseni 2 месяца назад
لطفا کد هارو رو گیتهاب هم میزارید چون الان خیلی از function ها مثل saveSession کدش نیست
@Mohamova
@Mohamova 3 месяца назад
اتفاقن به چنین چیزی همین امروز نیاز داشتم. مرسی بزرگوار. ❤
@nima_arf
@nima_arf 3 месяца назад
ایول ایول خوب بود همه چی؟ مرتب؟ تمیز؟
@tahmasbtabar
@tahmasbtabar 3 месяца назад
مثل همیشه کاربردی و توضیح بدون ابهام🔥🔥
@nima_arf
@nima_arf 3 месяца назад
ایوللللللل!
@aminda6862
@aminda6862 3 месяца назад
تشکر فرااون نیما جان خیلی مفید و کاربردی بود بی زحمت کدهای این قسمت رو هم روی گیت هاب بزار
@nima_arf
@nima_arf 3 месяца назад
چشم امشب همرو قرار میدم بعد اطلاع میدم به شما
@amirhosein-hr7zp
@amirhosein-hr7zp 3 месяца назад
چقدر منتظر بودم عالی نیما جان تشکر
@nima_arf
@nima_arf 3 месяца назад
❤️🔥
@CodeYourFuture_Mohseni
@CodeYourFuture_Mohseni 2 месяца назад
عالی بود👏
@nima_arf
@nima_arf 2 месяца назад
خواهش میکنم
@SashaGamer479
@SashaGamer479 3 месяца назад
از چه تمی استفاده میکنی؟‌ و پلاگینای ادیتورتم بیزحمت بگو همرو یا اگه یه ویدیو هم راجبش بسازی خوبه حتی
@nima_arf
@nima_arf 3 месяца назад
تم monokai هستش، پلاگین هم اینارو استفاده میکنم ESLint, Copilot, Vim, Prettier, search node_modules, git lens, tailwind css intellisence , Intelli Code, Console Ninja and Code Spell Checker
@Ehsan.5G
@Ehsan.5G 3 месяца назад
مرسی نیما جان واقعا عالی 🌹🌹
@nima_arf
@nima_arf 3 месяца назад
خواهش میکنم، ایول که خوب بوده 🔥
@javidwilldesignn
@javidwilldesignn 3 месяца назад
good job 👌👌👍👍
@nima_arf
@nima_arf 3 месяца назад
Thank you! Cheers!
@zMohammadz-MZ
@zMohammadz-MZ 3 месяца назад
درجه یک 🫶👌
@nima_arf
@nima_arf 3 месяца назад
1️⃣🔥
@SashaGamer479
@SashaGamer479 3 месяца назад
کارت درسته
@nima_arf
@nima_arf 3 месяца назад
❤️🔥
@ehsan7427
@ehsan7427 2 месяца назад
سلام. ممنون بابت آموزش.. فقط کدها رو کجا میتوینم ببینیم؟
@hamidreza291
@hamidreza291 3 месяца назад
عالی بود 🎉🎉🎉
@sajadtayefi5949
@sajadtayefi5949 3 месяца назад
Awli nima jan kheli khaste nabashi man shayad hame ina ro ba next auth piyade kardm ama kheli dark nakardm darm chikar mikonam 🎉❤
@nima_arf
@nima_arf 3 месяца назад
🔥 ایول ویدیو بعدی next auth هستش، دقیقا همینو با next auth میزنیم
@faeze.moradi8993
@faeze.moradi8993 Месяц назад
سلام خسته نباشید خدا قوت ما منتظر محتوی جدید هستیم :) کلی هم تشکر
@nima_arf
@nima_arf Месяц назад
چشم حتما 🔥
@aminataeidev
@aminataeidev 3 месяца назад
خیلی هم عالی .. میشه از نظر بازخورد در مورد این ویدئوها بهم بگید که بازخوردش خوبه یا نه؟ چون معمولا ویدئوهایی مثل این ویدئو که یک مقدار دیپ تره بازخورد کمتری میگیره.
@nima_arf
@nima_arf 3 месяца назад
خیلی مثبت بوده، خیلی استقبال کردن تو همین کامنتای زیر ویدیو هم کاملا مشخصه که دقیقا چی برای کاربرا بیشتر جذاب بوده
@meysamzeynali6968
@meysamzeynali6968 8 дней назад
عالی
@nima_arf
@nima_arf День назад
❤️❤️
@MiladJoodi
@MiladJoodi 3 месяца назад
این فوق العاده س خیلی با ارزشه نمونه فارسی نداره لطفا ادامه بدید بهتون تبریک میگم. لطفا در خصوص استفاده از prisma تو next.js هم بهمون بگین. سپاسگذارم
@nima_arf
@nima_arf 3 месяца назад
من خودم نمیدونم چرا همه این ویدیورو دوست داشتن! اگر بتونی بهم بگی فرق با ویدیوهای دیگه چیه خیلی عالی میشه، اینطوری میتونم نکاتی که این ویدیو داره رو تو بقیه ویدیوها هم اعمال کنم و محتوای بهتری تولید کنم ==== چشم درباره full stack و نکست جی اس هم حتما ویدیو میگیرم و ویدیو میزارم
@MiladJoodi
@MiladJoodi 3 месяца назад
@@nima_arf دمتگرم که توجه میکنی ببین پیاده کردن authentication نیاز به تمرین بیشتری داره یکم پیچیدس، کانسپت جدیده که باید یاد بگیری. و اولش نیازه یک نفر برات "مفهوم" رو توضیح بده دوره های آموزش Next گرونه. توی یوتیوب فارسی هم، توضیح این مفهوم و پیاده کردنش توی Next فقط چند تا پروژه هست. این درباره استفاده از prisma توی Next هم صدق میکنه این تکنولوژی های High level هنوز منابع فارسی کامل ندارن. این کار شما با ارزشه.
@mahyashamaei
@mahyashamaei 13 дней назад
​@@nima_arf دلیلش اینه که به این اموزش همه نیاز دارن اما فارسیش نبود ممنون میشم یک ویدئو هم برای کار با interceptor در next بذارین
@payamshariat
@payamshariat 3 месяца назад
خیلی عالی اگر زودتر NextAuth هم بزارید ممنون میشم شدیدا نیازمندش هستم
@nima_arf
@nima_arf 3 месяца назад
بله حتما ضبطش کردم، مونده ادیتش و اپلودش اونم تا شنبه/جمعه اپلود میکنم تو کانال 🔥
@سجادپورسجادپور
@سجادپورسجادپور 19 дней назад
نما جان داداش سلام خسته نباشی داداش من یک سوال دارم الان من از کتبخانه next-auth استفاده میکنم بعد وقتی میام درخواست میزنم که به سرور که بیاد کاربر لاگین شه وقتی اصلاعات و درست میزنم که در دیتا بیس مچ هستش مشگلی ندارم ولی همینی که میام رمز و اشتباه میزنم با ایمیل و اشتباه میزنم اروری که از سمت سرور باید بده رو نمیتونم بیارم نشون کاربر بدم یک چیزی تحت این میدهconfiguration و یکی هم credentailsign چیکار کنم الان ؟
@nima_arf
@nima_arf 16 дней назад
سلام رو اون یکی کامنتتون پاسخ دادم
@farazmehraien3913
@farazmehraien3913 2 месяца назад
اون import 'server-only' چیه؟ و اینکه میشه کد ها رو روی گیت ات بذاری؟
@amirhosein-hr7zp
@amirhosein-hr7zp 3 месяца назад
ویدیو هات خیلی کیقیت اس رقته بالا قک کنم هم بک گراند رو بهتر اش کردی و هم این موضوع سیستم لاگین چیزی هست که مدرس ها (بیشتر مدرس های ایرانی ) به خوبی انتقال نمیدن چه تو ریکت چه تو نکست ما اموزش های فارسی خوبی قرای جاوا اسکریپت css/html داریم ولی اون دیزاین پترن و لون الگوریتم پیدا سازی بخش ها مختلف پروزه ریکتی و نکستی رو خوب اموزش نمیدن و این خوبه که توی ویدیو هات خودت کد میزنی و صفحه نمایش رو شیر می کنی
@nima_arf
@nima_arf 3 месяца назад
❤️❤️
@mahdishariflo1851
@mahdishariflo1851 3 месяца назад
خسته نباشی لطفا رو موضوعات ssr,next-auth و یا پیاده سازی فروشگاه کوچیک به صورت fullstack ویدیو بساز
@nima_arf
@nima_arf 3 месяца назад
سلام ویدیو next auth ضبط شده باید ادیتش کنم و هفته دیگه اپلودش میکنم بقیه موضوعاتم چشم، دونه دونه پیاده میکنم
@rezaazarnia7429
@rezaazarnia7429 3 месяца назад
خسته نباشی اقا نیما خیلی عالی فقط یه سوال اگه backend نداشته باشیم میتونیم همین api رو تو خود next توسعه بدیم برای ثبت یوزر تو دیتا بیس البته برای پروژه تستی و رزومه و این که بهتره براش api ساخته بشه یا تو server actions درست بشه این ثبت یوزر تو دیتا بیس
@nima_arf
@nima_arf 3 месяца назад
ارههه اتفاقا برای این کار شما خیلی انتخاب خوبیه که از next js به صورت fullstack استفاده کنی و خب دقیقا برای این use case شما یه کتابخونه هستش به نام next auth که میاد این قسمت توکن ساختن و اینارو هندل میکنه من ویدیوشو گرفتم دیروز، تا یک شنبه هفته دیگه ادیتش میکنم و اپلود میکنمش درباره اون قسمت سوال که گفته بودی api یا server action این server action ها همون api ها هستن که تو ری‌اکت کار باهاشون راحت تر شده چون برای api و هوک های مختلف دادن تو ویدیو server action کامل توضیح دادم این نکاتو ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-N_SRry3zT10.htmlsi=XjJlGkIO5eY2P5xY
@rezaazarnia7429
@rezaazarnia7429 3 месяца назад
@@nima_arf ❤
@mohamadheyranian8102
@mohamadheyranian8102 3 месяца назад
عالی آفرین
@nima_arf
@nima_arf 3 месяца назад
ایول ممنون
@masoudbayat1524
@masoudbayat1524 2 месяца назад
سلام. خیلی عالی بود خسته نباشید. فقط واقعا یه ویدئو آموزشی که جاش خیلی خالیه راجب میدلورهای نکست هس. مثلا الان من از i18next استفاده میکنم و باید تو میدلور یه فانکشنی return بشه! تا حالا نتونستم یه ویدئو آموزشی پیدا کنم برا اینکه بتونیم چنتا میدلور رو استفاده کنیم! اگر بتونین بعدا یه همچین آموزشی بسازین عالی میشه. دمت گرم ❤
@nima_arf
@nima_arf Месяц назад
سلام شما میخواید middleware های مختلف و compose کنید، برای این ارزش نداره ویدیو درست کنیم (صرفا ۲ یا چندتا تابع قرار تو دل هم صدا بشن) تو مستندات ابزارها معمولا اینارو توضیح دادن مثلا برای ابزار next intl چندین مثال داره برای استفاده میدلور next intl با میدلور ابزارهای دیگه مثل next auth next-intl-docs.vercel.app/docs/routing/middleware#composing-other-middlewares
@MehdiDeveloper-p2i
@MehdiDeveloper-p2i 3 месяца назад
برای اینکه در هر بار رفرش صفحه اون api مربوط به profile or me را بتونیم صدا بزنیم تا آخرین دیتای مربوط به کاربر را داشته باشیم . بهترین راه حلی که میشه تو next 14 پیاده سازی کرد چه چیزیه؟
@nima_arf
@nima_arf 3 месяца назад
همین تابع getSession هربار که صدا میشه یبار میره دیتاشو میگیره و همین کاری خواستید و انجام میده اگر سمت کلاینت هم میخواید ریفچ بشه، میتونید یه setInterval کنید هی دیتارو بگیرید، یا از ابزارهایی مثل react query استفاده کنید
@ElhamMobini
@ElhamMobini 2 месяца назад
میشه توضیح بدین اگه بخوایم header رو فقط یکبار ست کنیم و مجبور نباشیم واسه هر fetch دوباره accesstoken رو تو header بفرستیم چی کار کنیم؟
@nima_arf
@nima_arf 2 месяца назад
راحت ترین چیزی که ذهنم میرسه استفاده از ابزار axios و استفاده از interceptor های axios هست برای اینکه header و داخل درخواست ها بزارید
@nima_arf
@nima_arf 16 дней назад
تو این ویدیو کامل توضیح دادم ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kL6ipADseZ8.htmlsi=GBbKl64szmz63JsQ
@Mohamova
@Mohamova 3 месяца назад
یه چیز جالبی هم که به نظرم اومد استفاده از “server-only” بودش. صحبت در مورد این به نظرم میتونه تبدیل به یوتیوب short جالب بشه.
@nima_arf
@nima_arf 3 месяца назад
اره نکته زیباییه یه short میسازم براش الان
@dizzland
@dizzland 2 месяца назад
ممنون آیا این آموزش قابل استفاده در پروداکشن هست؟ یا باید ریفرش توکن هم خودمون بهش اضافه کنیم؟ و اینکه اگر یه رشته رندم برای اکسس توکن برگردونیم از سرور امن هست؟
@nima_arf
@nima_arf 2 месяца назад
۱) قابل استفاده تو پروداکشن هستش بله ۲) رفرش توکن هم باید بهش اضافه کنید ۳) رشته رندم اگر برگردونی هم اوکیه (مثلا UUID باشه) بعد تو بک‌اند باید query بزنی تو دیتابیس ببینی این accessToken برای کدوم کاربر هستش هرچند چیزای دیگه مثل rate limiting هم نیاز داره (که فرقی نیکمت jwt باشه یا uuid بازم اونو نیاز داری)
@dizzland
@dizzland 2 месяца назад
@@nima_arf ممنون ❤️
@nima_arf
@nima_arf 16 дней назад
ویدیو مربوط به refresh token و نکست تو کانال اپلود شد ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kL6ipADseZ8.htmlsi=GBbKl64szmz63JsQ
@mahdardavari3585
@mahdardavari3585 3 месяца назад
tnx nima
@nima_arf
@nima_arf 3 месяца назад
Thank you! Cheers!
@mahyashamaei
@mahyashamaei 13 дней назад
کاش میتونستم ده بار لایک کنم
@nima_arf
@nima_arf 13 дней назад
🔥
@ShahBach
@ShahBach 3 месяца назад
ببخشید مانیتورتون چیه؟
@nima_arf
@nima_arf 3 месяца назад
Apple Studio Display
@ShahBach
@ShahBach 3 месяца назад
@@nima_arf 60 هرتز اذیت نمیکنه؟
@nima_arf
@nima_arf 3 месяца назад
نه، کار خاصی نمیکنم باهاش فقط کد میزنم انیمیشن های توی مرورگرم که دربهترین حالت ۶۰ فریم هستن
@hoseinheydari7220
@hoseinheydari7220 3 месяца назад
💥💥
@nima_arf
@nima_arf 3 месяца назад
❤️🔥
@ghazaleniazi5855
@ghazaleniazi5855 3 месяца назад
first comment 🎉
@nima_arf
@nima_arf 3 месяца назад
🎉 بشه منه
@zabiharab5183
@zabiharab5183 3 месяца назад
👍👍🔥🔥
@nima_arf
@nima_arf 3 месяца назад
چه طوری پسر من باشگاهو عوض کردما 😂 ورزشو ول نکردم
@zabiharab5183
@zabiharab5183 3 месяца назад
@@nima_arf مرسی نیما جان تو چطوری منم باشگاهو عوض کردم 😂
@nima_arf
@nima_arf 3 месяца назад
@@zabiharab5183 کجا میری 😂؟
@zabiharab5183
@zabiharab5183 3 месяца назад
@@nima_arf سمت غرب 😁
@abba3261
@abba3261 3 месяца назад
😍
@nima_arf
@nima_arf 3 месяца назад
🔥🔥🔥🔥
@mahmoudd.p
@mahmoudd.p 3 месяца назад
@javadbabaei3320
@javadbabaei3320 3 месяца назад
تنها مشکل این بود که برای هر درخواست توکن ست میکردیم
@nima_arf
@nima_arf 3 месяца назад
متوجه نشدم، منظورتون اینکه چرا تو ویدیو به اینکه میشه توکن رو یکبار ست کرد و همه جا ازش استفاده کرد اشاره نکردم؟
@javadbabaei3320
@javadbabaei3320 2 месяца назад
@@nima_arf نه فقط یه فیدبک دادم رو روش پیاده سازی
@xzex2609
@xzex2609 3 месяца назад
۴۵۰۰۰ دلار با این وب توکن ؟؟؟ بیایم بزنیمش 😜😜
@nima_arf
@nima_arf 3 месяца назад
۴۵ هزار دلار چیه داستانش 😝
@xzex2609
@xzex2609 3 месяца назад
@@nima_arf توی مثال اقای ! لاک میکنه تو یک سیستم که در امدش ۴۵،۲۳۱،۸۹
@ehsanmousavi7242
@ehsanmousavi7242 3 месяца назад
عالی
@nima_arf
@nima_arf 3 месяца назад
❤️🔥
Далее
ITZY 예지한테 AI 메이크업하기💖 #shorts
00:23
новое испытание
00:40
Просмотров 115 тыс.
3 лайфхака для УШМ
01:00
Просмотров 184 тыс.
PyLearn - فصل ۱ - قسمت ۵
50:00
Просмотров 52