Authentication App with Google & Github Login - Next.js For Beginners [#12] - Protected Routes
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
https://youtu.be/84CvqVTH9Y8
Tailwind CSS Complete Course
https://youtu.be/lZp4salRFFc
How to Make Blog Website with Next.js & Tailwind CSS - For Beginners
https://youtu.be/1T3GF6endl8
Javascript Complete Course
https://youtu.be/LlMCaEK9PLg
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/Authentication_App_with_Google_and_Github.git
⏱️ Timestamps ⏱️
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑
???? Support Me on Patreon ????:
https://www.patreon.com/dailytuition
???? Udemy Courses:
https://www.udemy.com/user/akshay-kashyap-6/
???? Playlist :
Complete MERN Series
https://youtube.com/playlist?list=PLynWqC6VC9KMJ7ffdoGM3LjnYlJPK4kiR
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑
????️ Tools I use:
???? My Theme: https://www.youtube.com/watch?v=ekHlx6OdSvA
???? Font Family: https://fonts.google.com/specimen/Rubik?query=Rubik
⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑⋐⋑
???? Follow us:
????https://www.instagram.com/akki.2013/
More Videos:
???? Complete Node Course
https://youtu.be/-27HAh8c0YU
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
???? React Complete Tutorial
https://youtu.be/jWbzbq2C_RY
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
???? Complete Mobile Shopee E-Commerce Website Course - PHP & MySQL
https://youtu.be/KLWA2vCERSQ
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
???? Complete Portfolio Website with Bootstrap - HTML/CSS
https://youtu.be/dgKSqz3it50
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
???? Create a Shopping Cart Using PHP and Mysql
https://youtu.be/IO5ezsURqyg
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
???? Advanced Tic Tac Toe With HTML, CSS & JavaScript - For Beginners [2022]
https://youtu.be/kRQEkTHIEyU
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
???? Complete CRUD Operation with PHP MySql Database
https://youtu.be/JZdMXUIMdQw
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
???? Birthday Remainder Application with React - For Beginners
https://youtu.be/o2IZaojOz-o
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
???? Bootstrap Grid System The Complete Guide - In Action
https://youtu.be/hrKMGFkTKF8
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: