How to build a full stack application with Supabase & ReactJS

React JS is one of the most (if not the most) popular frontend libraries nowadays. It helps you to build super fast user interfaces.

Supabase is an easy to use tool that helps you to create your applications backend.

With both tools combined you can create your own full stack application. Include different kinds of Sign Ups, persist data with a PostgreSql database as well as file uploads with their storage service.

I made a series for my YouTube Channel, where i build "Movie Tinder" App. The first video of this series contains the "Magic Link" Sign In method. For that I am using React Router v6 as well as custom hooks and React Context to create protected Routes.

In video number two of this series, we fetch videos from themoviedb API using axios for our http requests. To create a users watchlist we persist data in the database using the supabase client.

Update Update

In video number three, we create an profile page where users can update their profile. For that we create a storage bucket in our supabase project. Check out video #3.

You can watch the videos on My YouTube Channel or here below:

Part 1:

Part 2:

Part 3: