FireShip - React Supabase Full Course

The Supabase Course is a project-based course that builds a Reddit-inspired web app from scratch with Supabase, PostgreSQL, and React.

🦄 What will I learn?

The goal of this course is to provide you with a solid foundation for building fullstack Supabase apps on the web. Here’s a quick summary of what you can expect to learn…

• 👨‍🎤 Master the Basics of Supabase
• ⚛ Build interactive UI components with React
• 💪 Type-safe queries with TypeScript
• 👨‍🚀 User Authentication and Row-level Security
• 📊 Data modeling in a relational SQL database
• 👨‍🔬 Advanced Postgres techniques like Triggers and Functions
• 🎭 End-to-end testing with Playwright
• 🚀 Full-stack deployment breakdown

🤔 Is this Course Right for Me?

Chapters

1.  Meet Zack - Get to know your instructor Zack DeRose
2.  Resources - Resources for the course
3.  Supabase in 100 Seconds - A quick introduction into the Supabase platform
4.  React Primer - Breakdown of React Hooks and other essential concepts
5.  Supabase Primer - Breakdown of core Supabase features and concepts
6.  Frontend Setup - Setup the clientside app with Vite and React
7.  Supabase CLI - Create and configure a new Supabase project with the CLI
8.  Playwright E2E Testing - Configure Playwright for end-to-end testing
9.  Styling - How to implement Tailwind or add your own Styles
10.  Routing and Layout - Design the layout and routing structure with React Router
11.  Connect to Supabase - How to connect to the Supabase client
12.  Database Tables - Add a database table for usernames
13.  Row Level Security - What is Row Level Security in Supabase?
14.  Enable RLS - How to enable Row Level Security
15.  Generate Types - How to generate TypeScript types from your Supabase database
16.  Signup Flow Tests - Setup end-to-end tests for the signup flow
17.  Session Hook - Create a custom React hook for session management
18.  User Context - Use React context to access user data
19.  Login Screen - Build the UI for login and signup
20.  Custom Usernames - Allows users to select custom usernames
21.  Message Board Tests - Add end-to-end tests for the message board
22.  Postgres Extensions - How to use Postgres extensions like LTREE
23.  Normalized Data Modeling - Learn how to model data in a relational database
24.  Post List - Build the UI for the feed of all posts
25.  Post Detail - Build the UI for the post details
26.  Upvotes - Implement Reddit-style upvotes on posts
27.  Database Deployment - Setup your database for production deployment
28.  Authentication Deployment - Setup your auth providers for production deployment
29.  Web Deployment - Deploy the React app to Netlify hosting