MENU

Fun & Interesting

Build a YouTube Clone with Next.js 15: React, Tailwind, Drizzle, tRPC (Part 2/2)

Code With Antonio 22,079 2 months ago
Video Not Working? Fix It Now

⭐️ Source Code: https://dub.sh/xp03EDA 🎬 PART 1: https://youtu.be/ArmPzvHTcfQ?si=7_gKeEwkrG2FADX- 🎨 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

Comment