Let's build an app clone! In this full stack tutorial, we'll build a complete TikTok UI design with React Native, Expo Router, Zustand, TanStack Query and Supabase. You'll learn to build app features like a scrollable video feed, comments, authentication, data fetching, backend setup and so much more!

📚 Download the Asset Bundle and Follow along with our step-by-step guide: https://notjust.dev/projects/tiktok

📝 This video includes a lot of tools and technologies, providing an excellent opportunity to learn how to:
👉 Build a TikTok-style vertical video feed
👉 Record and upload videos using expo-camera and expo-image-picker
👉 Authenticate users with Supabase Auth and manage sessions with Zustand
👉 Store and stream videos securely using Supabase Storage
👉 Create database tables for profiles, posts, comments, and likes
👉 Fetch and mutate data efficiently using TanStack Query
👉 Build a scalable backend with Supabase (Auth, DB, Storage)
👉 Implement pagination, refetching, and protected routes
👉 Add likes, comments, and user profiles
👉 Secure your app with RLS (Row Level Security) and storage policies
.. and MORE!

🚀 Join the waitlist for the next cohort of notJust Incubator: https://www.notjust.dev/incubator
❗️ React Native Mastery is the ONLY course you need to Master Mobile Development with React Native & Expo 🚀
Enroll here: https://www.notjust.dev/react-native-mastery

🧭 Navigate using timecodes:
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

💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions

💬 Join the notJust Development gang and let's build together:
Twitter: https://twitter.com/VadimNotJustDev
Instagram: https://www.instagram.com/VadimNotJustDev
Facebook: https://www.facebook.com/notjustdev
LinkedIn: https://www.linkedin.com/in/vadimsavin
Discord: https://discord.gg/VpURUN2

#notjustdev #reactnative #tiktok #buildapp

notJust.dev

A full step-by-step tutorial for building a TikTok clone using React Native, Expo, and Supabase. Covers project setup with Expo Router, TypeScript path aliases, bottom tab navigation, dark theme configuration, video playback with expo-video, a scrollable snapping feed with FlatList, interaction bars (likes, comments, share), user avatar display, and wiring up mock data with proper TypeScript types. The tutorial progresses from blank project scaffold to a functional video feed UI before moving on to real backend data and authentication.

Let’s Build TikTok with React Native & Supabase (Full Tutorial)