Complete NextAuth Course
What you'll 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
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.
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.
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.
Who this course is for:
- Developers who want to build a real world app with Nextjs, nextauth, auth0 and tailwindCSS
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
Simulations and Statistical Computing
He now enjoys teaching others and continues to learn every single day.