In this tutorial, you’ll learn to build a real-time chat app using React Native, Supabase, and Clerk. 

✨ Add a complete auth & user management system to your Expo app in minutes using Clerk:
https://go.clerk.com/njd-expo

📚 Get the step-by-step guide and Asset Bundle: 
https://www.notjust.dev/projects/real-time-chat

❗️ 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
🚀 Join the waitlist for the Incubator: https://www.notjust.dev/incubator

From authentication and messaging to online presence, typing indicators, and image sharing, this is a powerful full stack chat app. This is a perfect full-stack project if you want to master mobile chat apps, real-time updates, and production-ready UI using modern tools like Expo Router, NativeWind, and TanStack Query.

📝 This video includes a lot of tools and technologies, providing an excellent opportunity to learn how to:
👉 Structure a full-stack chat app using React Native + Expo Router
👉 Authenticate users securely with Clerk Auth and protected routes
👉 Connect and sync user data between Clerk and Supabase via webhooks
👉 Build a scalable messaging system with Supabase Realtime + PostgreSQL
👉 Display a chat UI inspired by iMessage using NativeWind
👉 Manage message state with sent, delivered, and read indicators
👉 Handle real-time events like typing indicators and online presence
👉 Allow users to send messages and images via a custom input component
👉 Create channels and prevent duplicates with group chat UX
👉 Deploy auth and API routes cleanly with Onion-style Expo navigation
.. and MORE!

💡 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 #clerk

notJust.dev

A full-length live tutorial walking through building a real-time chat application from scratch using React Native with Expo. Covers project setup with Expo Router for file-based navigation, NativeWind for Tailwind CSS styling, Clerk for authentication (sign in/sign up with protected routes), and Supabase for the database, real-time messaging, and image storage. The tutorial explains nested navigation patterns including stack, drawer, and bottom tab navigators, protected routes, and app architecture decisions step by step.

Build a Full Stack Chat App with React Native, Clerk and Supabase