Next.js Authentication with Twitter & NextAuth.js

🧐 What's Inside
6:10 - Registering a new App and getting API keys in the Twitter Developer Portal
10:13 - Setting up NextAuth integration with app Provider and client API
15:15 - Using getServerSideProps to serverside render authentication dynamically
18:14 - Outro

🗒️ Read More

💾 Code

🔔 Subscribe for more tech and developer videos

🐦 Get updates straight to your Twitter @colbyfayock

📸 Catch the next stream live on Twitch @colbyfayock

✉️ Or a newsletter right to your inbox!

💝 Sponsor me for more free content like this!

🎥 Want to know what A/V equipment I use?

🧰 More Resources

🎼 Music
Music from Uppbeat (free for Creators!):
License code: WDZIXA4M35HKD1MZ

#colbyfayock #nextjs #nextauthjs #authentication #twitter #webdevelopment

[JohnMustson]

You're the best teacher I've ever seen on Twitter

[webophir]

This is great! Short and straightforward! It would be great if you can make a video about "What's next after setting up NextAuth.js" like connecting database to get the user posts, for example. Most of the NextAuth.js tutorial videos don't cover what to do after basic auth setup.

[naveedausaf]

terrific tutorial Colby, lot's of info, clearly presented, in a brilliantly short tutorial. Thank you!

[frontendonly]

thanks colby fayock, straight forward and amazing tutorial

[sleechigo]

Hi, please any idea why the auth page display dangerous site. Though ssl is installed on the site, every other page is fine, but the twitter authentication page displays unsecure connection to users. Please how to fix.

[mohammedalkhalaf]

the best explanation ever. Thank you very much.

[SingleSeeker]

have you ever thought about the refresh token ? I am working to it, it made me crazy.

[pensums]

I've been trying to get Firebase Auth working in my app. I want to provide an admin dashboard in my site so the administrator can set things in there. :D Your video is short and clear, as always. Keep up the good work, I love it! It is sure gonna help me understand how the puzzle is connected together.

One thing was left unanswered and it's the Privacy Policy and the Terms of Service. Knowing nothing about those and how to protect myself, what would be the best course of action to fulfill those requirements?

[venkatapenumatsa]

Thanks Colby useful information. is it possible if we can combine magic links with Next Auth ?

[mdridoy-efpw]

great video man!
Is there any way to extend the user object in the session?

it only allows name, email and photo.

[cryptodev]

I get an error in production when using Vercel. I have uploaded all my environmental variables to vercel, and I update the NEXTAUTH_URL="my production url" and my github providers URL and Callback URL. Any ideas?

[mustaneerhaider]

twitter rejected my request for elevated pack 2 times i described my use case to them that i wanna just add twitter login functionaality to my app and i want to use some user profile info such as username and profile image and they didn't approved it twice.

[minus]

Idk why am i the only one getting errors :)