Next.js Social Authentication with Google & Github | with next-auth

preview_player
Показать описание
Final Code:

⚙️ Gadgets I use for Recording:

💻 Laptop - Macbook PRO M1 - 16/512

🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone

🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black

⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard

🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)

Do ask your question in the comments, and I do give replies to all comments.

LIKE, SUBSCRIBE, SHARE

#nextjs #nextjs13 #nextjsauthntication
  1. Coding With Abbas
  2. next13
  3. next.js 13
  4. next 13 authentication
  5. next 13 social authentication
  6. next 13 google authentication
Рекомендации по теме
Add Authentication to 0:20:35

Add Authentication to Next.js in 10 mins with OAuth (Google, Github...)

Add Authentication to 0:14:21

Add Authentication to Next.js: Login with Google

Next.js Social Authentication 0:13:27

Next.js Social Authentication with Google & Github | with next-auth

Set up Google 0:21:00

Set up Google OAuth with Next.js using Next-Auth!

Full-Stack Implementation of 0:09:19

Full-Stack Implementation of OAuth 2 Authentication (Google & Facebook) with NextJS and NodeJS

Setup Google OAuth 0:06:51

Setup Google OAuth sign in 6 minutes

Authenticate Users with 0:11:50

Authenticate Users with Google and Next Auth in Next.JS

🔐 Pro Guide 0:51:46

🔐 Pro Guide to Google, Facebook - Social Login Authentication UNDER 1 HOUR!

Build And Deploy 0:20:07

Build And Deploy Your Own Chatgpt For Free With React 19 | #13 Handling Image Upload (2 / 2)

NextAuth v5 - 0:27:44

NextAuth v5 - Google Authentication with Next.js and NextAuth | Next.js Route Handlers

Authentication App with 0:06:58

Authentication App with Google & Github Login - Next.js For Beginners [#10] - NextAuth

Next JS Authentication 0:24:51

Next JS Authentication - Sign In With Google (NextAuth.js)

Auth0 in 100 0:08:24

Auth0 in 100 Seconds // And beyond with a Next.js Authentication Tutorial

Next.js Authentication with 0:11:10

Next.js Authentication with Google, Facebook, Github & Magic Link in 5 minutes Full-Stack-Kit...

Nextjs Login con 0:27:54

Nextjs Login con Google con NextAuth

Next.js Authentication Firebase 0:36:54

Next.js Authentication Firebase - Sign in with Google

Next.js 14 : 0:11:44

Next.js 14 : Google OAuth Authentication with NextAuth V5 | EzyCode

Authentication with Next 0:16:16

Authentication with Next Auth and Next.js 14 | Protected routes, Server & Client Sessions

Fullstack Authentication & 0:48:16

Fullstack Authentication & Authorization in Next.js using NextAuth V5 (Auth.js), Zod, Shadcn UI

NextAuth Tutorial - 0:14:02

NextAuth Tutorial - Google & Apple Social Login

Full Course - 1:30:21

Full Course - How to set up Email Authentication + Google OAuth in Next.js 14

Next Auth Google 0:09:34

Next Auth Google Provider - Tutorial - NextJS 13

Next.js Authentication With 0:37:29

Next.js Authentication With Next-Auth V5 || Google & GitHub

Login Social no 0:20:07

Login Social no NextJS com NextAuth

Комментарии
Автор

Thanks a lot brother. This instantly helped me. the url im giving and many suggested didnt worked out, but you have said that. Thanks

wesleyarya
Автор

Final code is not avaliable in the git repo?

ZahidHussain-beeu
Автор

hi, i did that but after try to login i have error below
Try signing in with a different account.
expected 200 OK, got: 403 Forbidden
can't find anything for that

AlirezaMehrabiKali
Автор

bhai i have a ready made code want to integrate login with google in it can you please help me

codewithadnan
Автор

You helped me solve a real petty(i spent a half day trying to solve it😵‍💫) issue in my code. For some reason auth with Google would not work until I added the attribute type="button" on the signIn() button. Removing the attribute causes the whole thing not work. I wonder why though🤔

devmesh
Автор

sir can you please help me in the access denied error whenever I click on my google account, I even double checked the clientID and client secret

adityaupadhyay
Автор

Brother I have created the get method api in nextjs and after the build if I update the mongodb database and if I cll the get request api I'm not getting the updated data in the fetch how to over come that

monishbk
Автор

Hey, how to get authorization using next-auth. Like adding scopes and getting access to google docs, sheets drive etc.

codingwithsam
Автор

thanks, bro, clear and concise explanation

keshavakumar
Автор

Once again another excellent tutorial on next auth. Could you add role based login strategy in another video?

karendoran
Автор

Nicely explained, thank you..
Few question regarding the css, ,
Which is better for development, Bootstrap 5 or tailwind Css ?
Does Bootstrap 5 have css purge option like we have in Tailwind css ?

pankajwp
Автор

How can I do so that after registering automatically log in and send to the home page?

JuanSebastianNunezAlmeida
Автор

Hey, Nice Explanation dude,
I have one doubt....
I am using Google providers with firebase DB using next auth, when i try to login, its gets logged In successfully and get redirected to another page which i have set, but on pressing back button its gets back to the login page again although user is logged in.
please state the solution...

rahulshah
Автор

awesome ❤ thank you, you have saved my life today

BSK_Rick
Автор

Is it possible to do email verification with next auth by using the credentials provider

speedster
Автор

yr urdu me banaya kro english me waise bhi itni pri hai. qoum ke bre me socho angrezo se kia rshtedri hai

hmalykhan