Supabase Auth in Next.js 13 Server Components and Route Handlers
In this video tutorial, we will be learning about building a web application with @Supabase and Next.js 13, using Supabase's powerful built-in authentication system. We will start by installing necessary packages, setting environment variables, and creating three different Supabase Clients: server, browser, and middleware - each used for specific purposes.
We will also create components for Supabase and auth logic and demonstrate how to use context providers to create a single instance of the Supabase client for our entire application.
By the end of this video, you will have a cutting-edge application with authentication systems implemented in seconds. So, join us and take your web development skills to the next level!
timestamps -
00:00 - Intro
00:25 - Application Walkthrough & Setup
03:17 - Creating Supabase Clients
07:54 - Root Layout
08:52 - Supabase Provider
21:18 - Components Walkthrough
25:05 - Protecting Routes
Source Code: https://github.com/batuhanbilginn/sup...
Learn more: https://makr.dev
#supabase #typescript #development #developer