YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)

Build a full-stack video streaming application similar to YouTube using the T3 Stack in this comprehensive 15-hour tutorial. Master the integration of Next.js, TypeScript, tRPC, NextAuth, Prisma, and Tailwind CSS to create an end-to-end web application. Follow along as you develop key features including user authentication, video uploading, commenting, likes/dislikes, playlists, and a user dashboard. Gain hands-on experience with database modeling, component design, state management, and API integration. By the end of this in-depth course, you'll have the skills to create a robust, scalable video platform and a deep understanding of modern full-stack development practices.

⌨️ Intro
⌨️ Demo
⌨️ Tech Stack
⌨️ Setup
⌨️ Write Prisma Models
⌨️ Seed Database
⌨️ Adding Tailwind
⌨️ Button Component
⌨️ Navbar Component
⌨️ Sidebar Component
⌨️ Layout Component and mobile sidebar
⌨️ Mobile Footer Component
⌨️ Home Page
⌨️ Error/Loading Message Component
⌨️ MultiColumnVideos Component
⌨️ Search Page
⌨️ Video Page Begin
⌨️ Build Follow Button
⌨️ Build Like and Dislike Button
⌨️ Description Component
⌨️ Comment Component
⌨️ Save Video Button
⌨️ Profile Header Component
⌨️ Profile Videos Page
⌨️ Profile playlist Page
⌨️ Playlist Page
⌨️ History and Like Videos Page
⌨️ Profile Announcements Page
⌨️ Like and Dislike Announcement Buttons
⌨️ Add announcements
⌨️ Profile Following Page
⌨️ Start of Dashboard Page
⌨️ Publish Button
⌨️ Delete Button
⌨️ Edit Button
⌨️ Upload Button