Build a Youtube Clone
23h 42m 10s
English
Paid
Course description
In this 24-hour course, you will learn how to create your own YouTube clone using modern technologies. We will delve into advanced topics, including Next.js 15 and React 19 with tRPC, data preloading in server components, using Suspense in client components, video processing, background tasks, integration of AI features, and much more. This course will help you acquire key skills for developing scalable video platforms and immerse yourself in the world of modern web development!
Watch Online
0:00
/ #1: Intro & demo
All Course Lessons (39)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Intro & demo Demo | 04:12 | |
| 2 | Project setup | 25:05 | |
| 3 | Basic layout | 59:38 | |
| 4 | Authentication | 24:46 | |
| 5 | Database setup | 21:13 | |
| 6 | Webhook sync | 29:58 | |
| 7 | TRPC setup | 45:45 | |
| 8 | TRPC configuration | 25:50 | |
| 9 | Video categories | 51:26 | |
| 10 | Studio layout | 31:55 | |
| 11 | Studio videos | 47:16 | |
| 12 | Infinite loading | 20:25 | |
| 13 | Mux integration | 55:01 | |
| 14 | Mux webhooks | 50:21 | |
| 15 | Video form | 01:07:09 | |
| 16 | Video thumbnails | 52:03 | |
| 17 | AI background jobs | 59:12 | |
| 18 | AI thumbnails | 32:02 | |
| 19 | Video page | 01:05:07 | |
| 20 | Video views | 19:03 | |
| 21 | Video reactions | 31:37 | |
| 22 | Subscriptions | 32:48 | |
| 23 | Comments | 44:07 | |
| 24 | Comments infinite loading | 27:44 | |
| 25 | Comment reactions | 25:12 | |
| 26 | Comment replies | 46:44 | |
| 27 | Suggestions | 47:16 | |
| 28 | Search page | 01:01:27 | |
| 29 | Improvements | 19:30 | |
| 30 | Home feed | 31:52 | |
| 31 | Playlists | 23:29 | |
| 32 | Custom playlists | 51:00 | |
| 33 | Populating playlists | 39:51 | |
| 34 | Individual playlist | 31:12 | |
| 35 | User page | 45:41 | |
| 36 | Banner upload | 07:17 | |
| 37 | Subscriptions list | 36:58 | |
| 38 | Final improvements | 11:35 | |
| 39 | Deployment | 19:23 |
Unlock unlimited learning
Get instant access to all 38 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Next.js - The Full Course
Sources: fireship.io
Next.js - The Full Course provides a in-depth look into the Next.js App Router introduced in version 13.2. It puts React Server Components into practice by buil
1 hour 14 minutes 14 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs
Sources: udemy
If you are a person who is not picky about a CSS framework and wants to learn how to create enterprise-grade, practical full stack app using new technologies, then this course i...
13 hours 2 minutes 12 seconds
Building a Full-stack Multilingual Blog with Next.js 13.4
Sources: udemy
Are you looking to build a modern, full-stack blog with the latest technologies? Look no further than this comprehensive Udemy course, which will guide you thro
9 hours 15 minutes 4 seconds
Full-Stack Fundamentals 1 - Frontend
Sources: Mckay Wrigley (takeoff)
As part of this project, you will create your personal portfolio website from scratch. This will be an excellent way to showcase your work as you...
1 hour 8 minutes 57 seconds