Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
React JS
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT 2023

FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT 2023

Loại khoá học: Web Development

Register, Login,6 Social logins, Forgot,Reset password, Send emails, form validation, protected routes w Deployment

image
50.000 VND
26 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

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.

Bạn sẽ học được gì

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

Yêu cầu

  • Basic react js knowledge
  • Very Basic next js knowledge

Nội dung khoá học

10 sections

Showcase

1 lectures
Full Showcase
12:07

Setup

5 lectures
Create next app
06:49
Setup tailwind css
04:46
Setup Mongodb Atlas Cluster
06:40
Connect to the database from our application using typescript
12:34
Setup next auth and testing login process with github
13:49

Next auth providers

9 lectures
Setup Google Provider
09:56
Setup Discord Provider
05:03
Setup Twitter Provider
04:03
Deploy our application and test providers on production mode
13:29
Setup Facebook Provider
08:12
Setup Auth0 provider
10:44
Add user to database when sign in with a provider
08:40
Session strategy: database vs jwt
03:53
Explaining callbacks and getting the provider name when sign in
10:50

Home page

2 lectures
Styling the home page part 1
11:13
Styling the home page part 2
08:43

Protected routes

1 lectures
Protected routes with Next js middlware
09:07

Authentification page

13 lectures
Auth page setup and custom input
14:00
Finishing custom input styles
05:14
React Hook Form setup
12:12
Adding zod for validation
05:17
Email and phone number inputs and validation
08:37
Password and confirm password inputs and validation
05:15
Password strength validation
11:53
Accept terms and conditions validation
06:42
Side submit button
09:00
Show and hide password
04:52
Adding the background and setup toastify and fixing some issues
10:00
Register a user to the database
17:41
After submit reset and loader
04:53

Send emails, Activate account

5 lectures
Setup the template
04:28
Setup smtp accounts
05:06
SendMail function with nodemailer and handlebars
12:42
Sending email test with registeration
12:32
Activate account
19:37

Sign in, CrsfTokens, adding providers

3 lectures
Sign in provider and switch between forms and backgrounds
17:24
Sign in, csrfToken...
12:38
Adding our custom providers
14:36

Forgot, reset password

4 lectures
Forgot password page and form
06:04
Forgot password backend api
06:07
Reset password - frontend
07:08
Reset password api
05:04

Deployment

1 lectures
Deploy to vercel
12:04

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Complete Ruby Programmer - Master Ruby

Complete Ruby Programmer - Master Ruby

1.099.000 VND
50.000 VND
Visual Studio Code for Developers 2023: Beginner to Advanced

Visual Studio Code for Developers 2023: Beginner to Advanced

1.499.000 VND
50.000 VND
The Complete JavaScript Course 2024: From Zero to Expert!

The Complete JavaScript Course 2024: From Zero to Expert!

185 VND
50.000 VND
The Git & Github Bootcamp

The Git & Github Bootcamp

120 VND
50.000 VND
SQL for Data Analysis: Beginner MySQL Business Intelligence

SQL for Data Analysis: Beginner MySQL Business Intelligence

1.899.000 VND
50.000 VND
Build Solutions with Power Apps, Power Automate & SharePoint

Build Solutions with Power Apps, Power Automate & SharePoint

100 VND
50.000 VND
Unity 2023 Game Development : Build 6 Games with Unity & C#

Unity 2023 Game Development : Build 6 Games with Unity & C#

79 VND
50.000 VND
The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

185 VND
50.000 VND
Unit Testing for Typescript & NodeJs Developers with Jest

Unit Testing for Typescript & NodeJs Developers with Jest

100 VND
50.000 VND
Create an eCommerce Website Using Laravel (PHP & MySQL)

Create an eCommerce Website Using Laravel (PHP & MySQL)

1.049.000 VND
50.000 VND
The Freelance Stack: A real project with NextJS13 and Strapi

The Freelance Stack: A real project with NextJS13 and Strapi

50.000 VND
Time Series Analysis, Forecasting, and Machine Learning

Time Series Analysis, Forecasting, and Machine Learning

90 VND
50.000 VND
MongoDB with Java Spring Boot & Spring Framework

MongoDB with Java Spring Boot & Spring Framework

1.099.000 VND
50.000 VND
Build REST APIs with Django REST Framework and Python

Build REST APIs with Django REST Framework and Python

1.899.000 VND
50.000 VND
Svelte.js - The Complete Guide (incl. Sapper.js)

Svelte.js - The Complete Guide (incl. Sapper.js)

65 VND
50.000 VND
The Complete Cloud Computing Software Architecture Patterns

The Complete Cloud Computing Software Architecture Patterns

100 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi