React Supabase Full Course
1h 39m 49s
English
Paid
Course description
Build and deploy a full-stack, production-ready web app with Supabase, React, and Postgres. The Supabase Course is a project-based course that builds a Reddit-inspired web app from scratch with Supabase, PostgreSQL, and React.
Read more about the course
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
Watch Online
0:00
/ #1: Meet Zack
All Course Lessons (29)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Meet Zack Demo | 01:34 | |
| 2 | Resources | 02:39 | |
| 3 | Supabase in 100 Seconds | 02:37 | |
| 4 | React Primer | 13:15 | |
| 5 | Supabase Primer | 27:06 | |
| 6 | Frontend Setup | 01:27 | |
| 7 | Supabase CLI | 03:58 | |
| 8 | Playwright E2E Testing | 02:57 | |
| 9 | Styling | 01:47 | |
| 10 | Routing and Layout | 01:34 | |
| 11 | Connect to Supabase | 03:46 | |
| 12 | Database Tables | 02:18 | |
| 13 | Row Level Security | 01:26 | |
| 14 | Enable RLS | 01:54 | |
| 15 | Generate Types | 00:45 | |
| 16 | Signup Flow Tests | 01:25 | |
| 17 | Session Hook | 02:44 | |
| 18 | User Context | 01:20 | |
| 19 | Login Screen | 03:08 | |
| 20 | Custom Usernames | 03:19 | |
| 21 | Message Board Tests | 01:46 | |
| 22 | Postgres Extensions | 01:15 | |
| 23 | Normalized Data Modeling | 03:42 | |
| 24 | Post List | 01:58 | |
| 25 | Post Detail | 02:25 | |
| 26 | Upvotes | 02:34 | |
| 27 | Database Deployment | 02:59 | |
| 28 | Authentication Deployment | 01:24 | |
| 29 | Web Deployment | 00:47 |
Unlock unlimited learning
Get instant access to all 28 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Build fancy landing pages with React and Threejs
Sources: Paul Henschel (@0xca0a)
This course teaches you how to add stunning flourishes to your sites with little code and complexity. You would think that some of the extraordinary websites on awwwards, fwa or...
38 minutes 9 seconds
Add React Storybook to a Project
Sources: egghead
In this lesson, we show how to setup React Storybook into an existing React project. We’ll go through common configuration files and how to adjust them.
3 minutes 36 seconds
Bedrock: Jumpstart your next SaaS product
Sources: Max Stoiber (@mxstbr)
The modern full-stack Next.js & GraphQL boilerplate with user authentication, subscription payments, teams, invitations, emails and everything else you need.
React with TypeScript
Sources: ui.dev (ex. Tyler McGinnis)
We'll start the course off with some housekeeping items. You'll learn about the best strategy for getting the most out of the course as well as what you'll build during the course.
2 hours 53 seconds
Master Custom React Hooks with TypeScript
Sources: fullstack.io
Welcome to the course "Creating a Custom React Hook npm Package using React and TypeScript"! In this course, we will be developing...
2 hours 21 minutes 3 seconds