Premium Only Content

Instagram Clone Full Tutorial - Using React, Express & Sanity
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! https://www.sanity.io/techwithtim
💻 ProgrammingExpert is the best platform to learn how to code and become a software engineer as fast as possible! Check it out here: https://programmingexpert.io/tim and use code "tim" for a discount!
📄 Resources 📄
Sanity Database Docs: https://www.sanity.io/docs/content-modelling
Sanity JavaScript Client Docs: https://www.sanity.io/docs/js-client
Install Node.js: https://nodejs.org/en/
Code In This Video: https://github.com/techwithtim/Instagram-Clone
⭐️ 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
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
👕 Merchandise: https://teespring.com/stores/tech-with-tim-merch-shop
📸 Instagram: https://www.instagram.com/tech_with_tim
📱 Twitter: https://twitter.com/TechWithTimm
⭐ Discord: https://discord.gg/twt
📝 LinkedIn: https://www.linkedin.com/in/tim-ruscica-82631b179/
🌎 Website: https://techwithtim.net
📂 GitHub: https://github.com/techwithtim
🔊 Podcast: https://anchor.fm/tech-with-tim
🎬 My YouTube Gear: https://www.techwithtim.net/gear/
💵 One-Time Donations: https://www.paypal.com/donate?hosted_button_id=CU9FV329ADNT8
💰 Patreon: https://www.patreon.com/techwithtim
◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
⭐️ Tags ⭐️
-Tech With Tim
-Instagram Clone Tutorial
-How To Make a Social Media Platform
-React
-Express
-Sanity
⭐️ Hashtags ⭐️
#TechWithTim #InstagramCloneTutorial
-
7:54
Tech With Tim
1 year ago $0.01 earnedThese 7 Coding Skills Give You an UNFAIR Advantage
284 -
18:27
Machete Gaming
1 day ago $1.00 earnedThe FIFA Everyone Hated… But It BLEW My Mind
9.68K1 -
39:53
pewculture
1 day agoThe Pew Culture Podcast #22 - MILE 22
909 -
1:45:44
Tommy's Podcast
19 hours agoEpstein | E.M. Burlingame & John Cullen (TPC #1,782)
4.7K10 -
LIVE
Cewpins
11 hours agoStoned Gamer🔥Tony Hawk's Pro Skater 3 & 4💨420 !mj🍃!Giveaway
62 watching -
7:48
The Official Steve Harvey
18 hours ago $1.01 earnedStop Waiting on the Right Time: Have Faith and Use Your Gift
16.2K5 -
6:23
DropItLikeItsScott
16 hours ago $1.10 earnedTISAS B9R Double Stack / The BEST 1911 9mm??
11K3 -
11:22
NikkoOrtiz
17 hours agoUnhinged Dark Memes
18.5K5 -
49:10
Michael Knowles
20 hours agoBREAKING: 82 People Dead As Libs Blame Trump For Texas Flood | Ep. 1765
21.5K30 -
1:13:01
SinCityCrypto
20 hours ago $0.91 earnedBitcoin Rallies as Trump Extends Tariff Pause
14.3K1