FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT 2023

FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT 2023, available at $49.99, has an average rating of 4.2, with 44 lectures, based on 60 reviews, and has 703 subscribers.

You will learn about Create the perfect authentication system 2023 Learn React js next js best practices. Learn next auth and it's advanced methods. Manage login, register, forgot and reset password, sending emails,form validation, protected routes Learn how to send emails using smtp services and nodemailer Create modern email templates Validating forms using react hook form and zod Learn how to wrote strong typed code using Typescript Learn how to use next js middleware This course is ideal for individuals who are All level developers that use react js or Developers who want to create strong authentication system It is particularly useful for All level developers that use react js or Developers who want to create strong authentication system.

Enroll now: FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT 2023

Summary

Title: FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT 2023

Price: $49.99

Average Rating: 4.2

Number of Lectures: 44

Number of Published Lectures: 44

Number of Curriculum Items: 44

Number of Published Curriculum Objects: 44

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

Create the perfect authentication system 2023
Learn React js next js best practices.
Learn next auth and it's advanced methods.
Manage login, register, forgot and reset password, sending emails,form validation, protected routes
Learn how to send emails using smtp services and nodemailer
Create modern email templates
Validating forms using react hook form and zod
Learn how to wrote strong typed code using Typescript
Learn how to use next js middleware

Who Should Attend

All level developers that use react js
Developers who want to create strong authentication system

Target Audiences

All level developers that use react js
Developers who want to create strong authentication system

This is simply the best course on the internet if you want to build and deploy the best authentication system that you can take and use in all of your projects , and i am talking from login, register, forgot and reset password, send emails, from validation, protected routes and more.
We will use Next auth mixed with typescript to provide strong typed code while benefiting from Next js server side capabilities which makes this build really hard to compete with from :

-we will use tailwind css for styling our application.

– Strong form validation with react-hook-form and zod.

-Strong login system using next auth secure sessions.

-Login with credentials, google, facebook, twitter, github, discord, auth0…

-Strong register system with validation in frontend and backend.

-Manipulating next auth callbacks for our advantage.

-Sending emails using nodemailer and smtp services including gmail.

-Handling tokens secretly with emails.

-Writing high quality production ready code.

-Learn how work with typescript even as a beginner or someone who never used it.

-Setup Mongodb cluster and Mongodb connection from our application with typescript.

-Add the users to our database where we handle the accounts while we handle the tokens in cookies using json web tokens.

-working with next js api.

-learning about handlebars and use it to replace in our html files.

-Deployment to vercel.

Course Curriculum

Chapter 1: Showcase

Lecture 1: Full Showcase

Chapter 2: Setup

Lecture 1: Create next app

Lecture 2: Setup tailwind css

Lecture 3: Setup Mongodb Atlas Cluster

Lecture 4: Connect to the database from our application using typescript

Lecture 5: Setup next auth and testing login process with github

Chapter 3: Next auth providers

Lecture 1: Setup Google Provider

Lecture 2: Setup Discord Provider

Lecture 3: Setup Twitter Provider

Lecture 4: Deploy our application and test providers on production mode

Lecture 5: Setup Facebook Provider

Lecture 6: Setup Auth0 provider

Lecture 7: Add user to database when sign in with a provider

Lecture 8: Session strategy: database vs jwt

Lecture 9: Explaining callbacks and getting the provider name when sign in

Chapter 4: Home page

Lecture 1: Styling the home page part 1

Lecture 2: Styling the home page part 2

Chapter 5: Protected routes

Lecture 1: Protected routes with Next js middlware

Chapter 6: Authentification page

Lecture 1: Auth page setup and custom input

Lecture 2: Finishing custom input styles

Lecture 3: React Hook Form setup

Lecture 4: Adding zod for validation

Lecture 5: Email and phone number inputs and validation

Lecture 6: Password and confirm password inputs and validation

Lecture 7: Password strength validation

Lecture 8: Accept terms and conditions validation

Lecture 9: Side submit button

Lecture 10: Show and hide password

Lecture 11: Adding the background and setup toastify and fixing some issues

Lecture 12: Register a user to the database

Lecture 13: After submit reset and loader

Chapter 7: Send emails, Activate account

Lecture 1: Setup the template

Lecture 2: Setup smtp accounts

Lecture 3: SendMail function with nodemailer and handlebars

Lecture 4: Sending email test with registeration

Lecture 5: Activate account

Chapter 8: Sign in, CrsfTokens, adding providers

Lecture 1: Sign in provider and switch between forms and backgrounds

Lecture 2: Sign in, csrfToken…

Lecture 3: Adding our custom providers

Chapter 9: Forgot, reset password

Lecture 1: Forgot password page and form

Lecture 2: Forgot password backend api

Lecture 3: Reset password – frontend

Lecture 4: Reset password api

Chapter 10: Deployment

Lecture 1: Deploy to vercel

Instructors

Mohamed Hajji
Full Stack web developer

Rating Distribution

1 stars: 4 votes
2 stars: 2 votes
3 stars: 5 votes
4 stars: 12 votes
5 stars: 37 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu