In this tutorial, we will build an Instagram clone using:
- React Native
- Expo
- Expo Router
- Nativewind
- Supabase
- Cloudinary
You'll learn to set up a new project with Expo, create the UI, handle backend functionalities with Supabase, and optimize media storage with Cloudinary.
Let's get started 🔥
Setup the project
Create a new project
npx create-expo-app@latest Instagram --tamplate
Expo Router
Install Expo Router
- [ ] Install Expo Router
- [ ] Create the Home page
- [ ] Setup the Root Layout
- [ ] Setup the Tab Navigator with 3 tabs (Home, New, Profile)
- Tab bar config with icons: