Authentication App with Google & Github Login - Next.js For Beginners [#20] - Sign Up

Опубликовано: 28 Сентябрь 2024
на канале: Daily Tuition
1,084
17

Authentication App with Google & Github Login - Next.js For Beginners [#20] - Sign Up
Hello everyone, In this tutorial, we are going to learn how to make an authentication app with the nextjsauth.js library. we will look at how we can make a credential login with a username and password which we are going to store in the MongoDB database.
We are also going to learn Google and Github Login. Using Google and Github Auth Provider we can log in to google and GitHub using api. This is might be your last video of Login authentication because after this video you don't need to search for how to make authentication in nextjs. I will provide the source code so you can follow along with me as well as you can follow me from any section of the project with git branches.

To clone the project use "git clone [project_github_url]". (Make sure you have git installed in your local system)
To check branches use "git branch --list"
To switch branches use "git switch [branch_name]. ( Use git branch --list to get the branch names)

If you want to learn next.js from the beginning here is the link:

Next.js Complete Course For Beginners
   • Learn Complete Next.js Course in 2 Ho...  

Tailwind CSS Complete Course
   • Tailwind Complete Course For Beginner...  

How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
   • How to Make Blog Website with Next.js...  

Javascript Complete Course
   • Learn Complete JavaScript Course From...  

You can Follow Along with me using the below Git Repository.
Use "git branch --list" to see all branches.

📂 Source Project
📦https://github.com/akashyap2013/Authe...

⏱️ Timestamps ⏱️
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑


👉 Support Me on Patreon 😊:
  / dailytuition  

🚀 Udemy Courses:
https://www.udemy.com/user/akshay-kas...

🎅 Playlist :
Complete MERN Series
   • Getting Started with MERN Stack Appli...  
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

🛠️ Tools I use:
🟠 My Theme:    • Finally, I am Back! Starting with the...  
🟠 Font Family: https://fonts.google.com/specimen/Rub...
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

👉 Follow us:
🟠  / akki.2013  

More Videos:

💡 Complete Node Course
   • Complete Node & Express with 5 Projec...  
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 React Complete Tutorial
   • Complete React 16.8 Crash Course For ...  
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
   • Complete Mobile Shopee E-Commerce Web...  
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete Portfolio Website with Bootstrap - HTML/CSS
   • Complete Portfolio Website with Boots...  
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Create a Shopping Cart Using PHP and Mysql
   • Create Shopping Cart Using PHP and Mysql  
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
   • Advanced Tic Tac Toe With HTML, CSS &...  
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Complete CRUD Operation with PHP MySql Database
   • Complete CRUD Operation with PHP MySq...  
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Birthday Remainder Application with React - For Beginners
   • Birthday Remainder Application with R...  
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
💡 Bootstrap Grid System The Complete Guide - In Action
   • Asp.net Registration Form with SQL Da...  


Like this video If you find anything useful. Share with your friends that is all for now I will see you In the next one.

Thank You...! 🙏

⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑

Tags: #nextjs #tutorial #programming