Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course guides learners through building a YouTube-style application with the T3 stack. It covers database modeling and seeding, responsive interface components, video and profile pages, social interactions, playlists, announcements, and dashboard operations.

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

Reviews

Start your review of YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.