데브허브 | DEVHUB | Ultimate Next 15 Course: Build a YouTube Clone (Part 2/2)
⭐️ Source Code: https://dub.sh/xp03EDA
🎬 PART 1: • Build a YouTube Clone with Next.js 15: Rea...
🎨 Assets (Free): https://dub.sh/youtube-clone-assets
💬 Discord & Help: https://www.codewithantonio.com/discord
Clerk: https://go.clerk.com/4LzhRH5
Upstash: https://dub.sh/eiTzkoT
Mux: https://mux.com/
In this 24 hour tutorial split in 2 parts, you will learn how to create your very own Youtube clone. We will cover advanced topics such as Next 15 and React 19 with tRPC, prefetching in server components, leveraging suspense in client components, video processing, background jobs, AI features, and much more.
Key Features:
🎥 Advanced video player with quality controls
🎬 Real-time video processing with Mux
📝 Automatic video transcription
🖼️ Smart thumbnail generation
🤖 AI-powered title and description generation
📊 Creator Studio with metrics
🗂️ Custom playlist management
📱 Responsive design across devices
🔄 Multiple content feeds
💬 Interactive comment system
👍 Like and subscription system
🎯 Watch history tracking
🔐 Authentication system
📦 Module-based architecture
🗄️ PostgreSQL with DrizzleORM
🚀 Next.js 15 & React 19
🔄 tRPC for type-safe APIs
💅 TailwindCSS & ShadcnUI styling
Timestamps
00:00 Intro (Part 2)
00:10 Additional information
00:25 Video page
01:05:32 Video views
01:24:35 Video reactions
01:56:11 Subscriptions
02:28:58 Comments
03:13:05 Comments infinite loading
03:40:48 Comment reactions
04:06:00 Comment replies
04:52:43 Suggestions
05:39:58 Search page
06:41:24 Improvements
07:00:53 Home feed
07:32:44 Playlists
07:56:13 Custom playlists
08:47:12 Populating playlists
09:27:02 Individual playlist
09:58:14 User page
10:43:55 Banner upload
10:51:11 Subscriptions list
11:28:09 Final improvements
11:39:43 Deployment
