Welcome back to another video tutorial! In this video I will be showing you how to make a social media / Instagram clone using React for the front end, Express for the backend, and Sanity for the content management system as well as our database! Now, this is a pretty advanced tutorial and I am going to be explaining how to do everything from scratch, so I’m going to assume you already have some familiarity with Javascript, React, and Express! The things you learn from this tutorial you can take and apply to other projects and so I hope you enjoy!

💻Thanks to Sanity for sponsoring this video! Get started with content modeling today for FREE and use coupon “techwithtim” to double the limits of the FREE plan!

💻 ProgrammingExpert is the best platform to learn how to code and become a software engineer as fast as possible! Check it out here: and use code “tim” for a discount!

📄 Resources 📄
Sanity Database Docs:
Sanity JavaScript Client Docs:
Install Node.js:
Code In This Video:

⭐️ Timestamps ⭐️
00:00:00 | Instagram Clone Demo
00:05:04 | Sanity Setup
00:09:38 | Express Backend Setup
00:21:33 | React Frontend Setup
00:26:43 | Sanity Database Models
00:36:57 | React Project Structure
00:40:14 | Page Navigation
00:55:51 | Creating Users
01:31:20 | Signing In
01:50:35 | Creating Posts
02:22:53 | Viewing Posts
02:42:52 | Searching For Users
03:12:02 | User Profiles
03:48:28 | Editing Profiles
04:25:17 | Followers

 

⭐️ Hashtags ⭐️
#TechWithTim #InstagramCloneTutorial