illustration for Build a Realtime Chat App with Remix and Supabase
free

Build a Realtime Chat App with Remix and Supabase

Instructor

Jon Meyers

43m closed-captioning
·
11 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.7
162
people completed
Published 2 years ago
|
Updated 2 years ago

Supabase 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! 🎉

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.

Learner Reviews

  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Straight to the point and good explanations

    Dalia Abbruciati
    5 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I liked that it taught me some things about Remix. I do wish the Github app sections were updated as some things have moved around.

    Learner
    9 months ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    supabase libs changed quite a lot, so as a beginner who was able to finally figure out the new libs, the course is not beginner friendly

    on the other hand, concepts didn't change much

    so I would recommend students to find more up to date implementation first, and maybe then use this course to help understand the logic

    Learner
    a year ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Amazing course! Helped me with the basics

    Learner
    a year ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Enjoyful overview with the straight guide to make a simple app combining Remix+Supabase. It can help you understand the basics of both and, after some polishing, might be a great starting point for the following personal project. Thank you, Jon!

    Learner
    2 years ago
  • Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    It is so much precise and on point on the topics without spending a lot of time explaining which I find it very easy for me to digest the concepts presented.

    Norberto Cammayo
    2 years ago

Course Content

43m • 11 lessons

    You might also like these resources:

    illustration for Build a Real-Time Data Syncing Chat Application with Supabase and Next.js
    Kristian Freeman • 2h 1m • Course

    Learn to model real-world scenarios in actual relational databases, understand how to manage real-time data, and leverage key functionality provided by Supabase.

    illustration for Cache Supabase data at the Edge with Cloudflare Workers and KV Storage
    Jon Meyers • Course • 28m

    Combining Supabase, Cloudflare Workers and KV Storage give you the benefits of reduced lag in a smooth and streamlined process.

    illustration for Build a SaaS product with Next.js, Supabase and Stripe
    Jon Meyers • 1h 10m • Course

    You'll build a static app with authentication that is backed by a database, change the structure of that database without compromising data, and take payments for subscriptions.