Next.js with Authentication using NextAuth.js - Level2

Name: Next.js with Authentication using NextAuth.js - Level2
Rating: 4.8 (6 reviews)

Authentication for Next.js (Register - login - log out)

Created byAli Hassan Ali Hassan Elrayes

Last updated 4/2024

Arabic

What you'll learn

Learn how to apply Authentication in Next application.
Login - Register - log out
store data in mongoDB Database
Check email & password (before login)

Course content

1 section • 19 lectures • 4h 18m total length

#1 مُقدمة المُستوى الثانى3:01
#2 Design Signin & Register pages with bootstrap29:10
#3 Task Solution10:19
#4 هنعمل إيه ؟8:10
#5 Example for submitting a form in registration page21:58
#6 route.js For POST request13:48
#7 Connecting MongoDB to Next.js9:57
#8 Store data in mongodb with with next.js16:38
#9 Check if email already exists in Database14:32
#10 Show Error message13:14
#11 Bootstrap Spinner && react-toastify16:14
#12 Hashing password with bcrypt.js7:55
#13 Example for submitting a form in signin page17:57
#14 Sign-in with CredentialsProvider(email & password)20:07
#15 Password Matching using bcrypt.js8:59
#16 Using useSession()to get user info12:18
#17 Task Solution16:27
#18 Use middleware.jsto protect your pages.6:42
#19 Strong Password11:30

Requirements

JavaScript basics
React Basics

Description

In this course, you will learn how to apply Authentication for Next.js project.
I will teach you how to Add data to the MongoDB database and store the user information in database.
You will learn how to create a real-world project using the next.js framework and NextAuth.js library.
we will learn how to make a post request to the backend.
we will add the Register and Login pages that already exists in real world projects.
we will learn how to Connect MongoDB database to Next.js applications.
we will learn how to Check if email already exists in Database before register a new user.
يجب ان تعلم ان ها الكورس هو كورس تفاعلى بمعنى اننى سوف اطلب فى مُنتصف الفيديو ان تقوم بتكملة الكود بنفسك قبل ان اقوم بعمل الأكواد
أهم نصيحة يُمكننى ان اعطيها لك هى ان تقوم بعمل المشاريع الموجودة فى هذا الكورس بعد مشاهدة الفيديو مباشرة حتى تتعود على كتابة الأكواد وعمل المشاريع الحقيقية
سوف يتم التركيز فى هذا الكورس على انشاء المشاريع الموجودة فى سوق العمل
أهم نصيحة يُمكننى ان اعطيها لك هى ان تقوم بعمل المشاريع الموجودة فى هذا الكورس بعد مشاهدة الفيديو مباشرة حتى تتعود على كتابة الأكواد وعمل المشاريع الحقيقية

Who this course is for:

full-stack developers
Javascript developers