Complete NextAuth Course
- Development
- Feb 25, 2025

Complete NextAuth Course, available at $34.99, has an average rating of 4.5, with 12 lectures, based on 3 reviews, and has 52 subscribers.
You will learn about 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 This course is ideal for individuals who are Developers who want to build a real world app with Nextjs, nextauth, auth0 and tailwindCSS It is particularly useful for Developers who want to build a real world app with Nextjs, nextauth, auth0 and tailwindCSS.
Enroll now: Complete NextAuth Course
Summary
Title: Complete NextAuth Course
Price: $34.99
Average Rating: 4.5
Number of Lectures: 12
Number of Published Lectures: 12
Number of Curriculum Items: 12
Number of Published Curriculum Objects: 12
Original Price: $199.99
Quality Status: approved
Status: Live
What You Will Learn
Who Should Attend
Target Audiences
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.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Setup project and install packages
Lecture 2: Setup SendGrid for Nextauth
Lecture 3: Add firebase adapter
Lecture 4: Add MongoDB adapter
Lecture 5: GitHub provider
Lecture 6: Twitter provider
Lecture 7: Google provider
Lecture 8: Auth0 provider
Lecture 9: Custom Sign in page
Lecture 10: Deploy Vercel
Lecture 11: Credential provider with MongoDB
Lecture 12: Facebook provider
Instructors

Kim Chen
Registered teacher, MSc in Computer Science, Statistics
Rating Distribution
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!
- Random Picks
- Popular
- Hot Reviews
- Personal Finance Jumpstart!
- Life Insurance Annuity Ultimate Buyer’s Guide
- 3DS Max Tutorial. Learn The Art of Modelling and Animation
- Crypto Trading Mastery (Scalping, Day trading, price action)
- Personal Finance
- The Beginner Forex Trading Playbook
- Dibuja y Esculpe tu COVID para Impresión 3d en Blender 2.8X
- Surpassing Your Kickstarter Goals
- 1YouTube Masterclass The Best Guide to YouTube Success
- 2Photoshop CC- Adjustement Layers, Blending Modes Masks
- 3Personal Finance
- 4SolidWorks Essential Training ( 2023 2024 )
- 5The Architecture of Oscar Niemeyer
- 6Polymer Clay Jewelry Making Techniques for Beginners
- 7Advanced Photoshop Manipulations Tutorials Bundle
- 8SEO for Web Developers
- 1Linux Performance Monitoring Analysis Hands On !!
- 2Content Writing Mastery 1- Content Writing For Beginners
- 3Media Training for PrintOnline Interviews-Get Great Quotes
- 4Learn Facebook Ads from Scratch Get more Leads and Sales
- 5The Complete Digital Marketing Course Learn From Scratch
- 6C#- Start programming with C# (for complete beginners)
- 7[FREE] How to code 10 times faster with Emmet
- 8Driving Results through Data Storytelling