Build A Realtime Chat App With Remix And Supabase
This repo accompanies a free egghead course demonstrating how to build a realtime chat app with Remix and Supabase
Overview
This article is a documentation of a free egghead course on building a realtime chat application using Remix and Supabase. The course covers various aspects of developing the application, including loaders and actions in Remix, querying and mutating data with Supabase, authentication and authorization, merging client and server state with realtime events, and deploying the app to Vercel. The course is primarily focused on TypeScript, but prior experience with TypeScript is not necessary, as Supabase simplifies the process.
Features
- Loaders and actions in Remix
- Querying and mutating data with Supabase
- Authentication with GitHub
- Authorization with RLS (Row-Level Security)
- Merging client and server state with realtime events
- Deploying a Remix app to Vercel
Summary
This article provides a detailed guide on building a realtime chat application using Remix and Supabase. It covers various aspects of development, including loaders and actions in Remix, querying and mutating data with Supabase, authentication and authorization, merging client and server state with realtime events, and deploying the app to Vercel. The course is beginner-friendly and primarily focused on TypeScript, although prior experience with TypeScript is not necessary. Overall, it offers a comprehensive tutorial for anyone looking to develop a realtime chat app.
- Remix
Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.
- Supabase
Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.