MENU

Fun & Interesting

Clerk & Next.js - Authentication, Protected Routes & User Data

BugBytes 5,460 5 months ago
Video Not Working? Fix It Now

โ˜•๏ธ ๐—•๐˜‚๐˜† ๐—บ๐—ฒ ๐—ฎ ๐—ฐ๐—ผ๐—ณ๐—ณ๐—ฒ๐—ฒ: To support the channel and encourage new videos, please consider buying me a coffee here: https://ko-fi.com/bugbytes ๐Ÿ“š Django Testing series: https://youtube.com/playlist?list=PL4cUxeGkcC9ic9O6xDW2d1qMp3rMOb0Nu โญTop resource to learn Python - https://datacamp.pxf.io/kOjKkV โญ In this video, we'll look at Clerk and authentication, protected routes and user/session data in a Next.js application. We'll see how to authenticate with email/password, as well as with the Google provider. ๐Ÿ“Œ ๐—–๐—ต๐—ฎ๐—ฝ๐˜๐—ฒ๐—ฟ๐˜€: 00:00 Intro to Clerk 03:06 ClerkProvider and Clerk components 04:07 Setting up a Clerk app for authentication 13:22 Protecting Routes in Next.js with Clerk Middleware 18:29 Accessing user and session data in Next.js components ๐—ฆ๐—ผ๐—ฐ๐—ถ๐—ฎ๐—น ๐— ๐—ฒ๐—ฑ๐—ถ๐—ฎ: ๐Ÿ“– Blog: https://bugbytes.io/posts/ ๐Ÿ‘พ Github: https://github.com/bugbytes-io/ ๐Ÿฆ Twitter: https://twitter.com/bugbytesio ๐Ÿ“š ๐—™๐˜‚๐—ฟ๐˜๐—ต๐—ฒ๐—ฟ ๐—ฟ๐—ฒ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—ฎ๐—ป๐—ฑ ๐—ถ๐—ป๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐˜๐—ถ๐—ผ๐—ป: Clerk: https://clerk.com/ Clerk & Next.js: https://clerk.com/docs/quickstarts/nextjs Clerk Middleware: https://clerk.com/docs/references/nextjs/clerk-middleware User & Session Data: https://clerk.com/docs/references/nextjs/read-session-data Next.js Installation: https://nextjs.org/docs/app/getting-started/installation #javascript #nextjs #nextjstutorial #webdevelopment #clerk

Comment