🔑 Key Learning Outcomes

Understanding loaders and actions in Remix.
Querying and mutating data with Supabase.
Authentication with GitHub.
Authorization with RLS.
Merging client and server state with realtime events.
Deploying a Remix app to Vercel.

👨‍🏫 About the Course

Learn to build a realtime chat application using Remix and Supabase. This course focuses on integrating Supabase for database hosting, authentication, authorization, and real-time database events to update the UI. The course is beginner-friendly and 100% TypeScript.

🎯 Target Audience

Ideal for beginners interested in building real-time applications using Remix and Supabase.
Suitable for developers looking to understand how to work with real-time data and integrate authentication and authorization.

✅ Requirements

Basic understanding of JavaScript.
Familiarity with web development concepts.

📖 Course Content

Create a Supabase Project with a Table and Example Data.
Setting Up a Remix Project.
Query Supabase Data with Remix Loaders.
Generate TypeScript Type Definitions with the Supabase CLI.
Implement Authentication for Supabase with OAuth and Github.
Restrict Access to the Messages Table in a Database with Row Level Security (RLS) Policies.
Make Cookies the User Session Single Source of Truth with Supabase Auth Helpers.
Keep Data in Sync with Mutations Using Active Remix Loader Functions.
Securely Mutate Supabase Data with Remix Actions.
Subscribe to Database Changes with Supabase Realtime.
Deploy a Remix Application to Vercel from a GitHub Repository.

Update Course