Next.js 14. Build and deploy a YouTube clone

Youtube Clone with Nextjs 14, tailwind css, typescript, shadcnUI, Youtube API.

Features:
Load Videos
Channel Videos
Play Videos
Search Functionality
Fully Responsive
Shadcn UI for components
Light and Dark theme
SWR Hook


Let's Connect 🚀🚀
LinkedIn: linkedin.com/in/laribright/
Email: [email protected]

source code: https://github.com/laribright/yt-clon...

Timestamps:
0:00 Intro - Demo
02:00 - New Project - Shadcn Setup
06:20 - Light and dark theme
14:21 - Top Navigation
39:10 - Side Navigation
51:57 - Footer
57:50 - Home Page (Data Fetching)
01:46:43 - Error boundary
01:52:00 - Loading Route
01:56:34 - Search badge component
02:04:25 - Fix broken links
02:07:10 - Video Watch page
03:08:00 - Channel Page
03:38:15 - Search Functionality
04:04:01 - Deployment


#react #nextjs14 #typescript #shadcnui #tailwindcss