Building a Next.js Application - Part 2
Continue the journey of building a Next.js application as Aurooba explains how to use Supabase to handle all aspects of user authentication in your app, including user accounts, email notifications, and session data. They also dig into server vs client side differences.
A full transcript of the episode is available on the website. Watch the video podcast on YouTube and subscribe to our channel and newsletter to hear about episodes (and more) first!
- Supabase - https://supabase.com/
- Supabase SSR - https://supabase.com/docs/guides/auth/server-side/creating-a-client
- AuthUI - https://supabase.com/docs/guides/auth/auth-helpers/auth-ui
- Gravity Forms - https://www.gravityforms.com/
- Next.js App Router - https://nextjs.org/docs/app
- Brian's website – https://www.briancoords.com
- Aurooba's website – https://aurooba.com
- (00:00) - S2 E08
- (00:08) - Intro Rant
- (01:43) - Decisions and Planning
- (04:11) - Today's Topic - Authentication
- (07:06) - The Supabase Admin UI
- (09:54) - Authentication UI in Supabase
- (15:35) - UI versus Config Files or CLIs
- (17:30) - Frontend Preview - What are we building?
- (20:38) - AuthUI
- (23:58) - Our package.json and Cookies
- (26:32) - Folder Structure
- (29:17) - Setting up a Supabase Client
- (35:33) - Submitting Forms to Supabase
- (38:45) - Session Data and Server-side Console
- (41:24) - Scaffolds and Boilerplates
- (42:29) - Flexibility vs Effort
- (48:40) - Next episode
Creators and Guests
Host
Aurooba Ahmed
(she/her) Developer building bespoke #WordPress solutions, tools, and blocks. My name is pronounced "oo-ROO-ba" — Default to kindness, folks.