آموزش React Next.js Firebase Node.js MongoDB Login Register System

React Next.js Firebase Node.js MongoDB Login Register System

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: سیستم احراز هویت نهایی را بسازید و از آن در تمام پروژه های آینده خود بدون نوشتن دوباره استفاده کنید. آموزش ساخت سیستم احراز هویت آماده تولید اهرم Firebase auth (سرویس رایگان) برای ایجاد سیستم ورود و ثبت نام یاد بگیرید که به طور کامل صفحات وب خود را در سمت سرور ایمن کنید یاد بگیرید از بهترین ترکیب فنی برای هر پروژه آینده استفاده کنید برنامه سمت مشتری جداگانه بسازید که از NodeJs استفاده می کند. API Implement Login با Google Password Reset by ارسال لینک ایمیل (در صورت فراموشی) همیشه کاربر را وارد سیستم کنید (بدون نوشتن منطق نشانه رفرش خود) یاد بگیرید که از صفحات وب ایمن/محافظت کنید (کاملاً سمت سرور برای محافظت کامل) آموزش ساخت برنامه های مدرن با استفاده از React، NextJs، NodeJs، MongoDB آموزش ساخت سایت های SSR سازگار با سئو با استفاده از NextJs ساختن یک پروژه Boilerplate/Base با سیستم احراز هویت Rock Solid و استفاده از آن در تمام پروژه های آینده خود پیش نیازها: درک اولیه از react و nodejs

React Next.js Firebase Node.js MongoDB Ultimate Authentication for Production Apps


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

یا برای همه پروژه های آینده شما؟


این دوره دارای همه چیزهایی است که برای ساختن یک احراز هویت راک با استفاده از React Node Next.js MongoDB Firebase نیاز دارید


من از احراز هویت رایگان Firebase برای دریافت توکن و استفاده از آن برای دریافت اطلاعات کاربر در سمت سرور استفاده خواهم کرد

سپس از آن اطلاعات برای پیدا کردن یا ایجاد کاربر در MongoDB خودمان استفاده کنید.


به این ترتیب از سیستم احراز هویت Firebase استفاده می کنید اما همچنان از سرور خود با MongoDB برای ساختن استفاده می کنید

برنامه‌های MERN Stack/FullStack.


این بهترین راه برای ساختن سیستم احراز هویت بدون نوشتن سیستم احراز هویت پیچیده خودتان است

و هرگز لازم نیست نگران اضافه کردن ورود به سیستم اجتماعی، تازه کردن رمز، فراموشی و بازنشانی رمزهای عبور،

ارسال ایمیل و سایر مشکلات امنیتی.


اجازه دهید firebase همه اینها را برای شما مدیریت کند...


بنابراین می‌توانید از این پروژه به‌عنوان یک پروژه پایه برای شروع برنامه‌های پشته‌ای MERN در آینده استفاده کنید. دارای ظاهر مجزا

است

ساخته شده با استفاده از React، Next.js و زمینه و قلاب کاهش دهنده که به شما یک redux مانند مدیریت حالت می دهد.


و API کاملاً مجزایی دارد که توکن firebase را تأیید می‌کند و کاربر را در MongoDB پیدا یا ایجاد می‌کند.


در این پروژه نه کد زیادی وجود دارد، نه فایل‌های زیادی... تا بتوانید برنامه‌های پیچیده را در بالای آن بسازید... یا حتی در صورت نیاز کد را تغییر دهید.

این به روشی انعطاف‌پذیر ساخته شده است تا بتوانید در آینده هر پروژه‌ای را بسازید، بدون اینکه مجبور باشید سیستم ورود/ثبت پیچیده خود را بنویسید.


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




سرفصل ها و درس ها

React NextJs Client Setup React NextJs Client Setup

  • کد منبع را دانلود کنید Download Source Code

  • آیا با JavaScript React و NodeJs تازه کار هستید؟ Are you new to JavaScript React and NodeJs?

  • راه اندازی مشتری Client Setup

  • استفاده از Bootstrap CSS Using Bootstrap CSS

  • جهت یابی Navigation

راه اندازی Firebase Firebase Setup

  • شروع با Firebase Starting with Firebase

  • مدیریت حالت جهانی با useReducer و useContext Hooks Global State Management with useReducer and useContext Hooks

ورود و ثبت نام Login and Register

  • فرم ورود و ثبت نام Login and Register Form

  • ورود و ثبت نام دولت Login and Register State

  • ورود و ثبت نام موفقیت آمیز Login and Register Success

  • ورود و ثبت نام پیام های نان تست Login and Register Toast Messages

  • Firebase Auth State Firebase Auth State

  • با گوگل وارد شوید Login with Google

راه اندازی سرور Server Setup

  • راه اندازی Node Server Node Server Setup

  • سرور اکسپرس و ENV Express Server and ENV

  • نسخه Mongoose Mongoose version

  • راه اندازی MongoDB MongoDB Setup

  • میان افزارها Middlewares

  • با استفاده از دستور واردات صادرات Using Import Export Syntax

مسیرها و کنترلرها Routes and Controllers

  • بارگیری خودکار مسیرها Autoloading Routes

  • کنترل کننده ها Controllers

  • بعد چه می شود؟ What's Next?

Firebase Admin در NodeJs Firebase Admin in NodeJs

  • Firebase Admin در NodeJs Firebase Admin in NodeJs

  • تایید رمز و دریافت کاربر در سرور Verify Token and Get User in Server

Axios، Nav Links، Redirects، Cookies و ENV Axios, Nav Links, Redirects, Cookies and ENV

  • پیکربندی Axios با URL پایه و هدرها Axios Config with Base URL and Headers

  • پیوندهای Nav مشروط و تغییر مسیر Conditional Nav Links and Redirect

  • توکن در کوکی ها Token in Cookies

  • مسیر خصوصی با رمز سمت سرور Private Route with Server Side Token

  • استفاده از متغیرهای ENV Using ENV Variables

داده های کاربر در MongoDB User Data in MongoDB

  • طرحواره کاربر User Schema

  • کاربر Firebase را در MongoDB ذخیره کنید Save Firebase User in MongoDB

  • میان افزار کاربر را پیدا یا ایجاد کنید Find or Create User Middleware

  • محافظت از مسیرها با تغییر مسیر سمت سرور Protecting Routes with Server Side Redirect

بازنشانی رمز عبور Reset Password

  • پیوند ناو با بارگذاری اسپینر Nav Link with Loading Spinner

  • بازنشانی صفحه رمز عبور Reset Password Page

  • بازنشانی عملکرد رمز عبور Reset Password Functionality

بهبودهای بیشتر Further Improvements

  • توکن اجباری تازه کردن هر 10 دقیقه Force Refresh Token Every 10 Min

جایزه Bonus

  • دوره های دیگری که ممکن است دوست داشته باشید Other courses you may like

  • به سرور Discord من بپیوندید Join my Discord server

نمایش نظرات

آموزش React Next.js Firebase Node.js MongoDB Login Register System
جزییات دوره
5.5 hours
39
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
824
3.9 از 5
ندارد
دارد
دارد
Ryan Dhungel
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar