Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build TikTok Clone with React Native and Supabase

notJust․dev via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a complete TikTok clone from scratch using React Native, Expo Router, Zustand, TanStack Query, and Supabase in this comprehensive 5-hour full-stack tutorial. Master the creation of a TikTok-style vertical video feed with scrollable functionality, implement video recording and uploading capabilities using expo-camera and expo-image-picker, and set up user authentication with Supabase Auth while managing sessions through Zustand state management. Discover how to store and stream videos securely using Supabase Storage, create robust database tables for profiles, posts, comments, and likes, and efficiently fetch and mutate data using TanStack Query. Build a scalable backend infrastructure with Supabase covering authentication, database management, and storage solutions, while implementing advanced features like pagination, data refetching, and protected routes. Add interactive social features including likes, comments, and user profiles, and secure your application with Row Level Security (RLS) and storage policies. Explore app performance optimization techniques using useMemo, learn to create feed tabs for enhanced user experience, and understand how to implement proper global state management patterns. The tutorial covers everything from initial project setup and Expo Router navigation configuration to advanced backend integration and UI/UX design principles, providing hands-on experience with modern mobile development tools and best practices for building production-ready social media applications.

Syllabus

00:00 Intro & Project Demo
00:01:11 Setting up the project
00:01:32 Setting up the project
00:05:15 Installing and Setting up Expo Router Navigation
00:23:47 Importing Dummy Data for the app
00:26:41 Building the User Interface
00:26:51 Building the Home Screen Feed
00:53:58 Rendering a List of Dummy Posts
01:14:36 Creating Feed Tabs
02:24:32 Implementing the Video Picker
02:28:44 BACKEND - Setting up Supabase
02:40:09 Global State Management with Zustand
02:55:49 Implementing Authentication
03:26:29 Building the User Profile UI and Logic
03:52:10 Implementing Post Requests
04:25:21 Implementing Pagination
04:35:13 App Performance Optimization: useMemo
04:42:30 Implementing Comments
05:11:27 Outro and Project Recap

Taught by

notJust․dev

Reviews

Start your review of Build TikTok Clone with React Native and Supabase

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.