آموزش سیستم ورود و ثبت نام با React Next.js Firebase Node.js MongoDB - آخرین آپدیت

دانلود React Next.js Firebase Node.js MongoDB Login Register System

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

ساخت سیستم احراز هویت حرفه‌ای با React، Next.js، Node.js و MongoDB (مناسب سئو)

React Next.js Firebase Node.js MongoDB: آموزش کامل ساخت سیستم احراز هویت حرفه‌ای برای اپلیکیشن‌های تولیدی

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

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

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

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

به این ترتیب، از سیستم احراز هویت Firebase استفاده می‌کنید، اما همچنان از سرور خود با MongoDB برای ساخت اپلیکیشن‌های MERN Stack / FullStack بهره می‌برید.

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

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

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

بنابراین می‌توانید از این پروژه به عنوان یک پروژه پایه برای شروع هر اپلیکیشن MERN stack در آینده استفاده کنید. این پروژه دارای یک فرانت‌اند جداگانه است که با استفاده از React، Next.js و context و reducer hook ساخته شده است که به شما مدیریت حالت شبیه به Redux می‌دهد.

همچنین دارای یک API کاملاً جداگانه است که توکن Firebase را اعتبارسنجی می‌کند و کاربر را در MongoDB پیدا یا ایجاد می‌کند.

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

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

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

پیش‌نیازها: درک اولیه از React و Node.js


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

React NextJs Client Setup React NextJs Client Setup

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

  • آیا شما در جاوا اسکریپت، React و NodeJs تازه‌کار هستید؟ Are you new to JavaScript React and NodeJs?

  • راه‌اندازی کلاینت Client Setup

  • استفاده از بوت استرپ 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

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

  • وضعیت احراز هویت Firebase Firebase Auth State

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

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

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

  • سرور Express و ENV Express Server and ENV

  • نسخه Mongoose Mongoose version

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

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

  • استفاده از Import Export Syntax Using Import Export Syntax

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

  • Autoloading Routes 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، ریدایرکت‌ها، کوکی‌ها و ENV Axios, Nav Links, Redirects, Cookies and ENV

  • تنظیمات Axios با Base 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 Find or Create User Middleware

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

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

  • لینک Nav با Loading Spinner 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
جزییات دوره
5.5 hours
38
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
887
4.3 از 5
ندارد
دارد
دارد
Ryan Dhungel
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar