Next.js 13 passwordless authentication can be difficult but it doesn't have to be! In this video you will learn how to add passwordless authentication and user management to your Next.js 13 application using the app router. Next.js 13 app router is stable and adding authentication to application using the app router is super easy. You don't even need NextAuth or similar if you follow along this video.
⭐️ Sign Up for Kinde: https://bit.ly/44venSa
📕 Setup guide: https://bit.ly/3PZgOrz
👨💻 Github repo: https://github.com/tumetus/next-js-passwordless-auth-example
Support the channel (tips): https://bit.ly/3XTXNZu
My courses:
React basics: https://skl.sh/2XAKn7u
HTML & CSS for beginners: https://skl.sh/34wvGUH
Draft.js basics: https://skl.sh/3cJ5Hw4
💻 MY GEAR
MY CODIGN LAPTOP: https://amzn.to/3NtMAdz
MY LAPTOP STAND: https://bit.ly/46qH6sr (USE CODE TUOMO10 FOR 10% OFF)
MY MONITOR: https://amzn.to/3Np8j67
MY DESK SHELF: https://bit.ly/46pdRGm (USE CODE TUOMO10 FOR 10% OFF)
MY MOUSE: https://amzn.to/3NNPWte
MY MOUSEPAD: https://amzn.to/3PvDI9S
MY KEYBOARD: https://amzn.to/3CKgZPG
MY MICROPHONE: https://amzn.to/46z3XSW
MICROPHONE BOOSTER: https://amzn.to/3CIUr1T
MY MICROPHONE ARM: https://amzn.to/3CKh6e4
MY HEADPHONES: https://amzn.to/43WsD68
MY HEADPHONE STAND: https://bit.ly/3pjJJvF (USE CODE TUOMO10 FOR 10% OFF)
Connect with me:
Website: https://tuomokankaanpaa.com
My newsletter: https://tuomokankaanpaa.com/newsletter
Twitter: https://twitter.com/tumee
Skillshare: https://www.skillshare.com/r/user/tume
Timestamps
00:00 What this video is about
00:48 Creating new Next.js 13 project
01:49 How to add authentication & user management
02:14 Setup Kinde authentication account
02:44 Configuring Next.js app for Kinde authentication
06:44 Adding tailwind css styling
08:40 Adding Sign in & Register functionality
09:34 Defining organization to use
11:03 Configuring organization
12:23 Sign up a new user
13:12 Creating user profile page
15:08 Check if user is logged in
15:56 Adding log out functionality
17:18 Conditional rendering based on user login
18:54 Use feature flags to display & hide content
23:17 I want to hear from you!
#nextjs #authentication #nextjs13
