1
Create a New Supabase Project and Basic PostgreSQL Schema
2m 4s
2
Create a Next.js App with the create-next-app CLI
44s
3
Query Supabase Data from Next.js Server Components
3m 34s
4
Create an OAuth App with GitHub
1m 20s
5
Authenticate Users with GitHub OAuth using Supabase and Next.js Client Components
5m 58s
6
Refresh Session Cookie for Next.js Server Components with Middleware
1m 35s
7
Restrict Access to Authenticated Users with Supabase RLS Policies
2m 11s
8
Dynamically Render UI Based on User Session with SSR in Next.js Client Components
5m 2s
9
Implement Protected Routes for Authenticated Users with Supabase Auth
2m 4s
10
Generate TypeScript Definitions from PostgreSQL Schema with Supabase CLI
4m 6s
11
Setup a Foreign Key relationship between PostgreSQL tables
4m 8s
12
Automatically Generate a Profile for Every User with PostgreSQL Function Triggers
6m 55s
13
Run Authenticated Server-side Mutations with Next.js Server Actions
4m 17s
14
Create a PostgreSQL Join Table in Supabase Studio
3m 4s
15
Implement Dynamic Buttons with Next.js Client Components
4m 56s
16
Declare Global Intersection Types for Transformed Supabase Data with Typescript
4m
17
Implement Optimistic UI with the React useOptimistic hook in Next.js
4m 49s
18
Dynamically Update UI with Database Changes using Supabase Realtime
3m
19
Style a Twitter clone with Tailwind CSS
12m 24s
20
Deploy Next.js App Router project to production with Vercel
3m 35s

Create an OAuth App with GitHub

GitHub
Next.js
Supabase

Share this video with your friends

Supabase includes many ways to authenticate users - Email and password, magic link, mobile OTP etc. In this lesson we implement social login with GitHub by registering a new OAuth Application and providing Supabase with the Client ID and Secret.

Resources

Supabase guide to Login with GitHub

Create an OAuth App with GitHub

Share this video with your friends

Resources

Course

Build a Twitter Clone with the Next.js App Router and Supabase