Building an Instagram Clone with React Native and Cloudinary
ฝัง
- เผยแพร่เมื่อ 4 ก.ค. 2024
- Optimize and deliver your media effortlessly with Cloudinary. Sign up for FREE now: cld.media/notjustdev
In this tutorial, we'll guide you through building an Instagram clone using React Native, Expo, Supabase, and 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 🔥
2️⃣ Watch the second part here: th-cam.com/users/liveCRIMOPhiWG8
📝 Project Page: www.notjust.dev/projects/inst...
✅ Guide: notjust.notion.site/Instagram...
💻 Source Code: github.com/notJust-dev/Instagram
📄 Cloudinary docs: cld.media/notjustdevreactnative
⚛️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo 🚀
Join the waitlist now: www.notjust.dev/react-native-...
📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
- Setting up a new React Native project with Expo and Expo Router
- Building a simple UI of Instagram
- Using Supabase as the backend for the Database and Authentication
- Using Cloudinary to store and deliver optimized images and videos
- and so much more...
❗Try our FREE 2-day Masterclass on notJust.Academy: assets.notjust.dev/masterclas...
💡 Have an idea for a future tutorial? Share it on our Idea Board: github.com/orgs/notJust-dev/d...
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #instagram #reactnative - วิทยาศาสตร์และเทคโนโลยี
Optimize and deliver your media effortlessly with Cloudinary. Sign up for FREE now: cld.media/notjustdev
I like that you explained it simply and in detail! appreciate it
Thanks for the appreciation!
I've been waiting for an update on this one. Thank you! Batch 1 checking in.
You bet!🙌
I am happy that you found a new good sponsor! Thanks for the videos!
Glad you like them!
amazing tutorial , optimizing images is so important for app perfomance, looking watched the tut gonna attempt it myself over the next week without watching the video as a challange
Thank you 🎉
Can you just keep building this instagram clone 2 part 2/ part 3 and so on would be a good project
Real nice
thank you brother ❤
Welcome!
Woooow 🎉
dear your tutorials are good, but the thing is you teach us very well but you start and leave us in middle , kindly make complete lecture . Kindly don't mind i like your work, bit you miss so many points , kindly add Responsive design, teach us how to make development, staging and production modes, how to manage admin and users , working according to their roles and permissions ,teach us how to upload app on play store and later how to update app, testing parameters , points to save our app from hacking e.t.c , In short my point is make one complete project in which you cover all these and other things. Kindly its a humble request to do that, you may continue this project or make some complete eCommerce app. Kindly reply will you do this or not.
For this, we have: notjust.dev/react-native-mastery
@@notjustdev call you tell us when it will be start some expected date
its good idea. pls record new video about this points. waiting . and say about best folder structure for every project . ..... ❤
Please incorporate nativewind in future tutorials as well🙌🏻
Can you please create a project wherein you use nested navigation? I mean, the tab navigation bar is in the entry level of the project together with the Stack Navigation. Maybe a real-estate project or something.
❤
Vadim is a saviour 🎉
Hi there,
I've been following many of your videos and really appreciate the content you share. I'm currently working on a cross-platform app using Expo Router SDK 49. During development, I've encountered some limitations with React Native Web, particularly with using certain web libraries. For instance, I couldn't find any libraries for Mapbox, which makes me consider if using Next.js with Expo might be a better option to leverage React libraries.
Do you have any advice on how to integrate web libraries within a React Native project or if there's a more effective approach to this?
Thank you for your videos and all the valuable insights you provide!
Best regards,
🙂
Sorry I can't watch the complete stream but I have a question can please make small video on it
The question is how does Instagram or tick tok or any other platform display this infinite scroll of reels and posts how do they overcome performance issues
Because when display data on flatlist you you can show data in chunks like load more data when end reach but at some time when i keep on scrolling i get a large list of data which is causing performance issues.
th-cam.com/video/i4jKoTlSqvI/w-d-xo.html
there is alot of content about this on youutbe
@@codewithgeeks366 can you share some?
Strange studio
It's in the building phase 😁
@@notjustdev How different is this to the old student tutorial?
po
first commet
Create something new