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

Software Engineering for SaaS
University of California, Berkeley via Coursera
Déployez des applications dans le cloud avec IBM Bluemix
IBM via OpenClassrooms
Machine Learning Capstone: An Intelligent Application with Deep Learning
University of Washington via Coursera
Introducción al desarrollo de videojuegos con Unity3D
Universitat Jaume I via Independent
Developing Microsoft Azure Solutions
Microsoft via edX