YoVDO

Build a Realtime Chat App with Remix and Supabase

Offered By: egghead.io

Tags

Supabase Courses Application Deployment Courses Authorization Courses

Course Description

Overview

[Supabase](http://supabase.com?utm_source=egghead&utm_campaign=remix) is a collection of open-source tools that wrap around a PostgreSQL database. In this course, we look at building a realtime chat application with Remix, using Supabase for db hosting, authentication, authorization and subscribe to realtime db events - updating the UI as the database changes. We will learn about: - 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 This course is 100% TypeScript, however, don't stress if you don't have any experience with TS, as Supabase does most of the heavy lifting here! 🎉

Syllabus

  • 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

Taught by

Jon Meyers

Related Courses

Authentication & Authorization: OAuth
Udacity
Rails with Active Record and Action Pack
Johns Hopkins University via Coursera
Desarrollo de Aplicaciones Web: Seguridad
University of New Mexico via Coursera
Web Application Development: Security
University of New Mexico via Coursera
Managing Identity
Microsoft via edX