Disclosure: when you buy through links on our site, we may earn an affiliate commission.

Complete NextAuth Course

To enable the social login with facebook, twitter, github, google and more by using auth0
(0 reviews)
2 students
Created by


CourseMarks Score®







Platform: Udemy
Video: 1h 12m
Language: English
Next start: On Demand

Top Next.js courses:

Detailed Analysis

CourseMarks Score®

9.6 / 10

CourseMarks Score® helps students to find the best classes. We aggregate 18 factors, including freshness, student feedback and content diversity.

Freshness Score

10.0 / 10
This course was last updated on 2/2022.

Course content can become outdated quite quickly. After analysing 71,530 courses, we found that the highest rated courses are updated every year. If a course has not been updated for more than 2 years, you should carefully evaluate the course before enrolling.

Student Feedback

We analyzed factors such as the rating (0.0/5) and the ratio between the number of reviews and the number of students, which is a great signal of student commitment.

New courses are hard to evaluate because there are no or just a few student ratings, but Student Feedback Score helps you find great courses even with fewer reviews.

Content Score

8.8 / 10
Video Score: 7.7 / 10
The course includes 1h 12m video content. Courses with more videos usually have a higher average rating. We have found that the sweet spot is 16 hours of video, which is long enough to teach a topic comprehensively, but not overwhelming. Courses over 16 hours of video gets the maximum score.
Detail Score: 9.1 / 10

The top online course contains a detailed description of the course, what you will learn and also a detailed description about the instructor.

Extra Content Score: 9.5 / 10

Tests, exercises, articles and other resources help students to better understand and deepen their understanding of the topic.

This course contains:

0 article.
6 resources.
0 exercise.
0 test.

Table of contents


Complete NextAuth course
In this project, we are going to implement the nextauth to our nextauth app. We will go through different provider like email provider, github provider, twitter provider, facebook provider and auth0 provider (which can login with microsoft, amazon, paypal, dropbox ,yahoo and yandex, etc.). In this example, we demonstrate how to login with microsoft account. We will also learn how to setup sendGrid so we can make a passwordless signin with email. Also, we will setup firebase adapter and mongodb adapter, so the users data will store in these database. At last, we will also deploy the app to the Vercel.

Why Nextjs?
All of the React components that make up a website’s user-facing section are rendered on the server first. This means that after the HTML has been transmitted to the client (the user’s browser), the user can read the material on the page without having to do anything further. The user perceives page loading speeds to be substantially faster as a result of this.
SSR also provides an out-of-the-box, indexable and crawlable website, which is critical for Search Engine Optimization (SEO) because no client-side javascript is required to view the page content. Essentially, increased technical SEO benefits our clients.

Why tailwindCSS?
Tailwind CSS is a popular low-level CSS framework with a lot of customization options. Bootstrap is widely used as a comparison. They are, nevertheless, essentially different. Rather of delivering pre-designed components like Bootstrap, Tailwind provides building pieces that allow developers to quickly create designs.

Why Daisy UI?
Daisy UI enhances Tailwind with attractive component classes that are totally customisable and themeable. Daisy UI creates a scalable and designer-friendly design system.

What we will cover
Using the react hook to check the user click on the inputbox or not, use the fontawesome, heroicon and daisy ui to help us create this beautiful ig login page. Take our css skill to next level by using the TailwindCSS and NextJS to build the login page.

You will learn

✓ Build a app with login function
✓ Able to login with social account like facebook, twitter, github, google and microsoft
✓ Passwordless email login
✓ Tradition credentials email login


• basic react

This course is for

• Developers who want to build a real world app with Nextjs, nextauth, auth0 and tailwindCSS

How much does the Complete NextAuth Course course cost? Is it worth it?

The course costs $12.99. And currently there is a 85% discount on the original price of the course, which was $84.99. So you save $72 if you enroll the course now.

Does the Complete NextAuth Course course have a money back guarantee or refund policy?

YES, Complete NextAuth Course has a 30-day money back guarantee. The 30-day refund policy is designed to allow students to study without risk.

Are there any SCHOLARSHIPS for this course?

Currently we could not find a scholarship for the Complete NextAuth Course course, but there is a $72 discount from the original price ($84.99). So the current price is just $12.99.

Who is the instructor? Is Kim Chen a SCAM or a TRUSTED instructor?

Kim Chen has created 21 courses that got 5,782 reviews which are generally positive. Kim Chen has taught 382,875 students and received a 4.0 average review out of 5,782 reviews. Depending on the information available, Kim Chen is a TRUSTED instructor.
Registered teacher, MSc in Computer Science, Statistics
He is a registered teacher who has experience in teaching javascript, physics, maths and statistics for over 10 years.

He got a master degree in data science and statistics, computer science in the  University of Hong Kong.

He got GPA 3.55/4.0 and got A in the following subjects

Foundations of Data Science

Statistics of Management

Regression in Practice

Stochastic Modelling

Simulations and Statistical Computing

He now enjoys teaching others and continues to learn every single day.

Show more


CourseMarks Score®







Platform: Udemy
Video: 1h 12m
Language: English
Next start: On Demand

Students are also interested in

Review widget (for course creators):

Complete NextAuth Course rating
Code for the widget (just copy and paste it to your site):
<a href="https://coursemarks.com/course/complete-nextauth-course/" target="_blank" title="Complete NextAuth Course on Coursemarks.com"><img border="0" src="https://coursemarks.com/widget/96.svg" width="200px" alt="Complete NextAuth Course rating"/></a>