Loading video...

Video Failed to Load

Go Home

Protect routes with next-auth middleware in Next.js 13

asidorenko_'s profile picture

Alex Sidorenko

33,641 subscribers

139,308 views • 2 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

9 Comments

Theo - t3.gg's profile picture
Theo - t3.gg2 years ago

How are you doing these animations? 👀👀

Alex Sidorenko's profile picture
Alex Sidorenko2 years ago

I use Apple Keynote. It has a great animation toolset. The code transition is a magic move animation between two slides.

Namya @ Supafast's profile picture
Namya @ Supafast2 years ago

No more watching lengthy tutorials on YouTube for @nextjs Alex is dropping bombs! 🤩

Nabil Roslizar's profile picture
Nabil Roslizar2 years ago

Can you explain to me what does “protect” actually mean

Alex Sidorenko's profile picture
Alex Sidorenko2 years ago

It means that users need to sign in to access the page.

Smakosh's profile picture
Smakosh2 years ago

Nice!

Sachit Malhotra's profile picture
Sachit Malhotra2 years ago

Looks awesome. Thanks for sharing. Can you let me know how you created the video ? I am keen to learn as i am starting to share my work and this looks like an awesome way to share. Thanks :)

Ollie Martynov's profile picture
Ollie Martynov2 years ago

Love the Next.js 13 ❤️ The dev experience is so nice!

cantyousay's profile picture
cantyousay2 years ago

next-auth doesn't provide a good solution to test OAuth login on Vercel preview URLs tho (issue with the vercel preview URL that is randomly generated and NEXTAUTH_URL env variable that needs to match the callback url set on the provider)

Related Videos

Middleware in Next.js 13
0:22

Middleware in Next.js 13

Alex Sidorenko

52,730 views • 2 years ago

Middleware in Next.js 13
0:29

Middleware in Next.js 13

Alex Sidorenko

41,165 views • 2 years ago

Dynamic parallel routes in Next.js 13
1:12

Dynamic parallel routes in Next.js 13

Alex Sidorenko

138,833 views • 2 years ago

Modal with parallel routes in Next.js (without intercepting)
1:03

Modal with parallel routes in Next.js (without intercepting)

Alex Sidorenko

195,432 views • 2 years ago

"How do I exclude server actions from middleware in Next.js?" 👇
0:20

"How do I exclude server actions from middleware in Next.js?" 👇

Alex Sidorenko

23,415 views • 11 months ago

Auth speed run in Next.js New Kinde record (1:22.55)
2:19

Auth speed run in Next.js New Kinde record (1:22.55)

Kinde

64,601 views • 2 years ago

Just shipped a new Next.js template! • Uses Postgres and Drizzle for the database • UI components with Tailwind and shadcn/ui • Email/password authentication with JWTs stored to cookies • Dashboard pages with CRUD operations on users/teams • Basic RBAC with Owner and Member roles • Pricing page (/) which connects to Stripe Checkout • Subscription management with Stripe Customer Portal • Global middleware to protect logged-in routes • Local middleware to protect Server Actions / validate schemas • Activity logging system for any user events It's not finished, and there's probably bugs, but it's time to ship 🫡 • Demo: • Code:
1:06

Just shipped a new Next.js template! • Uses Postgres and Drizzle for the database • UI components with Tailwind and shadcn/ui • Email/password authentication with JWTs stored to cookies • Dashboard pages with CRUD operations on users/teams • Basic RBAC with Owner and Member roles • Pricing page (/) which connects to Stripe Checkout • Subscription management with Stripe Customer Portal • Global middleware to protect logged-in routes • Local middleware to protect Server Actions / validate schemas • Activity logging system for any user events It's not finished, and there's probably bugs, but it's time to ship 🫡 • Demo: • Code:

Lee Robinson

362,516 views • 1 year ago

Want to roll your own auth with Next.js? Learn how to use JWTs with HTTP-only cookies to implement basic session-based auth in the App Router.
11:30

Want to roll your own auth with Next.js? Learn how to use JWTs with HTTP-only cookies to implement basic session-based auth in the App Router.

Lee Robinson

96,795 views • 2 years ago

Proof-of-Concept Exploit: Next.js Middleware (CVE-2025-29927) Credit:
4:14

Proof-of-Concept Exploit: Next.js Middleware (CVE-2025-29927) Credit:

Dark Web Informer

41,328 views • 1 year ago

🚨CVE-2025-29927: Next.js Middleware Bypass Vulnerability PoC: Credit:
2:53

🚨CVE-2025-29927: Next.js Middleware Bypass Vulnerability PoC: Credit:

Dark Web Informer

21,021 views • 9 months ago

GitHub authentication in Next.js 13 with NextAuth
1:33

GitHub authentication in Next.js 13 with NextAuth

Alex Sidorenko

146,834 views • 2 years ago

Pagination in Next.js 13 with server components
1:19

Pagination in Next.js 13 with server components

Alex Sidorenko

140,144 views • 3 years ago

Modal with intercepting route in Next.js 13
1:44

Modal with intercepting route in Next.js 13

Alex Sidorenko

161,725 views • 2 years ago

Today I started the day with learning about API routes in Next.JS. I'm feeling like Next.JS is like giving super powers to React.
1:42

Today I started the day with learning about API routes in Next.JS. I'm feeling like Next.JS is like giving super powers to React.

Prasenjit

57,994 views • 1 year ago

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇
0:21

Next.js Dashboard (Financial Edition)! built with - Next.js 16. - Tailwind CSS 4. - Framer Motion. - Next-intl (RTL support) Comes with Dark / Light mode, Charts & analytics, Drag & Drop widgets, JWT auth and multilingual support. Demo + Source Code (First comment) 👇

Mohamed Djoudir

198,367 views • 5 months ago

Infinite scroll in Next.js 13 with server actions
1:42

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,418 views • 3 years ago

It happened! I’ve open sourced my exif-based photo blog as a (near) zero-config Vercel template. It uses all the things: ◆ Next.js App Router with Server Actions ◆ Next.js Image ◆ Next Auth ◆ Vercel Postgres ◆ Vercel Blob ◆ Vercel OG Template →
0:43

It happened! I’ve open sourced my exif-based photo blog as a (near) zero-config Vercel template. It uses all the things: ◆ Next.js App Router with Server Actions ◆ Next.js Image ◆ Next Auth ◆ Vercel Postgres ◆ Vercel Blob ◆ Vercel OG Template →

Sam Becker

125,819 views • 2 years ago

Search box with next/form in Next.js 15
0:33

Search box with next/form in Next.js 15

Alex Sidorenko

86,316 views • 1 year ago