1 Introduction
2 Supabase: Introduction & Setup
3 Display Entries in Realtime
4 Add, Delete & Update Entries on Supabase
5 Order & Reorder Entries
6 Auth Page (Register & Login)
-
Auth Page - Setup Layout, Page & Route (3:42)
-
Add a Card & Title (3:34)
-
Add Tabs for Login & Register (2:32)
-
Add the Form Elements (5:29)
-
Check Form in Dark Mode (2:02)
-
Dynamic Submit Button (1:27)
-
Hook Up the Form Fields (1:19)
-
Handle Form Submit (1:00)
-
Basic Validation & Error Dialog (1:35)
-
Handle Submit Success (1:50)
-
Redirect Back to Entries Page (1:13)
-
Download Source Code
7 Authentication
8 Multiple Users
9 Security: Navigation Guards
10 Security: Row Level Security & Policies
11 Database Functions & Triggers
-
What are Database Functions? (1:23)
-
Add Entries Count Banner to Auth Page (2:52)
-
Add Stats Table (with Entries Count) (1:39)
-
Create a Function to Increment Entries Count (3:09)
-
Fire the Function from our App (2:42)
-
Create a Trigger to Fire Function (4:50)
-
Display the Entries Count (5:08)
-
Fade in the Entries Count Banner (2:44)
-
Download Source Code
12 Supabase Storage
-
Create Avatars Bucket (1:39)
-
Storage Folders (0:53)
-
Storage Policies (1:28)
-
Settings - Add Profile Section & Avatar Upload (3:59)
-
Upload Avatar - Part 1 (3:31)
-
Upload Avatar - Part 2 (6:10)
-
Create a Profiles Table (1:23)
-
Save Filename to Profiles Table (6:37)
-
Get Avatar URL (5:50)
-
Display the Avatar (6:22)
-
Get Working for Different Users (3:50)
-
Download Source Code
13 Run Supabase Locally
-
Install & Configure Docker (1:45)
-
Install Supabase Locally (4:24)
-
Import Tables (5:15)
-
Import Data (3:40)
-
Connect to Local Supabase Instance & Setup Local Environment Variables (3:51)
-
Get Realtime Working Locally (1:58)
-
Local Avatar Images (4:51)
-
Add a User Bio Field (2:18)
-
Save the Bio to the Profiles Table (6:48)
-
getProfile Action (2:24)
-
Push Local Changes to Live (5:03)
-
Download Source Code
14 Edge Functions
-
Create Hello World Edge Function (3:45)
-
Deploy Hello World Edge Function (2:49)
-
Create a Greeting Function (3:10)
-
Create showGreeting Action (3:09)
-
Fix the CORS Issue (3:00)
-
Display the Greeting (3:30)
-
Access Database in Edge Function (4:01)
-
Access Auth & User in Edge Function (3:47)
-
Get The User’s Entries Count (3:08)
-
Deploy Edge Function (2:59)
-
Download Source Code
16 Bonus Lectures
