The Right Way to do Auth with the Next.js App Router!
Supabase Supabase
33.2K subscribers
21,007 views
382

 Published On Apr 6, 2024

Authentication is essential for the majority of apps, so you want the experience to be seamless! In this video, Jon Meyers configures Supabase Auth to use cookies, and implements OAuth using GitHub in an Email Client, written with the Next.js App Router.

https://supabase.com/docs/guides/auth...

The Next.js App Router blurs the lines between Client and Server, therefore, Supabase Auth needs to be configured to use cookies, allowing the user and their session to be shared across the entire Next.js stack - Client Components, Server Components, Server Actions, Route Handlers and Middleware!

📹 Full Next.js Email Client playlist:    • Build an Email Client with the Next.j...  
🧑‍💻 GitHub repo: https://github.com/dijonmusters/nextj...

💻 Videos to watch next:
▶ Simplify complex SQL queries with Views in Postgres:    • Simplify complex SQL queries with Vie...  
▶ 3 reasons you should use Postgres Functions and Transactions:    • 3 reasons you should use Postgres Fun...  
▶ Fastest way to build a SaaS with Next.js, Supabase and Stripe:    • Fastest way to build a SaaS with Next...  

👇 Learn more about Supabase 👇

🕸 Website: https://supabase.com/
🏁 Get started: https://app.supabase.com/
📄 Docs: https://supabase.com/docs

🔔 Subscribe for more tutorials and feature updates from Supabase:    / @supabase  

📱 Connect with Us:
🐙 Github: https://github.com/supabase
💬 Discord: https://discord.supabase.com/
🐦 Twitter:   / supabase  
📸 Instagram (follow for memes):   / supabasecom  


ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.

Build in a weekend, scale to millions.

#Supabase #AppDevelopment #RealtimeApps #DeveloperTools

show more

Share/Embed