Build & Deploy Full Stack LinkedIn Clone with NEXT.JS 14! (Clerk, MongoDB, shadcnUI)

Learn how to create a LinkedIn clone from scratch using NEXT.JS 14! , REACT.JS, MongoDB, clerk and ShadcnUI. This project is perfect for those looking to enhance their skills in web development and add a valuable project to their portfolio. Stay tuned for more exciting updates in future parts!

TIMESTAMPS:
00:00 App Demo
06:49 Project Setup
10:37 Setup Shadcn UI
14:50 Build Navbar Page
17:12 Build Navbar Page
27:21 Setup Clerk Authentication
34:45 Navbar Responsive
37:20 Build Sidebar Page
59:47 Build Feed Page
1:30:31 Setup MongoDB
1:37:20 Build Models (User, Post Comment)
1:54:42 Create Post with Server Actions
2:10:38 Setup Cloudinary for Image Upload
2:25:24 Build Post Page
2:38:18 Get All Post Using Server Actions
2:59:13 Understand Caching
3:05:03 Build News Page
3:11:22 Delete Post Using Server Actions
3:20:53 Create API for Like, Dislike & Comment
3:39:33 Implement Like & Dislike Features
3:59:22 Implement Comment Features
4:31:56 Lets Deploy LinkedIn on Vercel


👉YouTube Clone:

KEYWORDS:
linkedin clone
linkedin clone using html and css
linkedin clone react
linkedin clone react js
linkedin clone mern stack
linkedin clone using react js
linkedin clone react native
linkedin clone html css javascript
linkedin clone using react
linkedin clone mern
linkedin clone with backend
linkedin clone with angular
linkedin clone with react
linkedin clone in flutter
build a linkedin clone with react and firebase
linkedin clone
linkedin clone full stack
linkedin clone using html and css
linkedin clone using react js
linkedin clone using react
linkedin clone using django
linkedin clone using flutter
linkedin clone using react native
linkedin clone full stack
linkedin clone app
nextjs portfolio
nextjs auth
next js
next js 14
next js project
next js tutorial
next js server actions
next js 13
next js 14 tutorial
mern stack project
mern stack project with redux
mern stack project with redux toolkit
mern stack project food delivery
mern stack project with jwt authentication
mern stack project chat app
mern stack project react
mern stack project thapa
mern stack project for internship
full stack projects
full stack projects for beginners
full stack projects for resume
full stack projects with source code
full stack projects for beginners with source code
full stack projects freecodecamp
full stack projects to get hired
full stack projects using html css and javascript
full stack project ideas
full stack projects tutorials
react js projects for beginners
react js projects for resume
react js projects for beginners in hindi
reactjs projects for intermediate
reactjs projects in hindi
react js projects for beginners
reactjs projects
react js projects for experienced

HashTag:
#reactjs #nextjs #mernstack

In 2024, it is the most practical web development course on YouTube. We will understand each concept theoretically as well as practically. After understanding the concepts, we will create projects and do fun challenges.

So make sure to subscribe to my channel, So you can't miss any updates. 🔔

Follow ME:
Insta: @patelmernstack

Disclaimer: This build is for educational purposes only. The views, opinions, and technology choices expressed in this video are solely my own and do not reflect those of any current, past, or future employers or affiliations.

[technopal]

Awesome tutorial 🔥🔥😍😍 please bring a video on fullstack js app using react native

[Memevsmemer]

Responsive k liye bhai ny navlinks or search input hi uda diya .. Sahi hay bai

[ankit.nautiyal]

Bhaiya plz bring full stack Zoom clone in MERN stack!

[hungnguyentuan]

Thank you very much for the best video . Can you create project using nextjs 14 react-query v5 Typescript. Please?

[mayurpal]

Showing no locale data has been registered for any of the locales

[MathWithRamveer]

Linkdin project is good but some features are available like search and filter extra.

[smartdriver]

Thanks for this course. It Would be great if it had English subtitles

[RayhanChowdhuri-qp]

Vhai apka content teaching ability is so good please Make Javascript Crash Course With Project Please Make React Js Crash course with project fl😊

[Memevsmemer]

Its not a production level code.. Sorry to say. Patel are using so many div in his code, which is not good for seo.

[SantoshKumar-zkei]

Thank you so much bhaiya
Bhaiyaa please next uber clone with current location of driver and rider
Please 🙏
This is my project

[Raghav_Bajpai_]

Patel Bhaiya...plzz next project Drizzle ORM ka use karke bnaiye from basic to advance 🙏

[Memevsmemer]

If a user will login through his email and password, then the username, firstname and lastname will be null.
Patel Mern Stack??

[_yashparmar]

bro please make one project of airbnb and use technologies like prisma postgresql typescript and next js next auth library

[ITACH]

Bhaiya plz MERN pe projects lao na... Yeh Nextjs nhi chahiye

[varishtyagi]

Bhaiya ma ek project bna rha hu usme clerk sync nhi ho rha database se jab ma clerkmiddleware use karte h middleware.ts file ma or Api folder ma webhook or usme clerk route.ts use karte h to mongodb ma user ka data show nhi ho rha h

[ITACH]

Bhaiya aapke discord pe maine ek issue bheja tha woh resolve nhi hua ki Netflix clone deploy krne ke baad woh shayad logon krte time backend se data detch nhi kar pa rha hai... Ek baar apne Netflix clone ko deploy krne ka ek chota sa video bna do na bhaiya plz plz

[krupalpatel]

kitne time me? New video aayega mern stack pe? Please inform?

[souvikbiswas]

Hey bro, clerk authentication shows jwt is expired error, how to solve it

[shashank]

Bhai yrr channel ka name mern stack developer h or aap next js use kr rhe ho!! ( fullstack project jo aapne bnaye h usme aade s jyada m next js use kr rhe ho yrr!, react kro please) apne video views bhi dekhna mern pr hi jyada aate h! Its a win win situation, jyada public ko mern chaiye yrr

[Zero-nhke]

Isn’t that api route is better for scaling if in future. We want to build Mobile apps ?