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.
Overview
Syllabus
⌨️ 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
Taught by
freeCodeCamp.org
Related Courses
-
Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)
-
Full Stack Next.js & Supabase Twitter Clone – Full Course
-
Full Stack Tutorial - Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN
-
Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase
-
Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript
-
Build SEO Optimized Blog with Next.js, Tailwind CSS & Contentlayer – Full Tutorial
