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
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | Intro & 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 |
Comments
0 commentsSimilar courses
CodeFast | Learn to code in weeks, not months.
Sources: Marc Lou
CodeFast is a course designed specifically for those who want to turn their idea into a real online business quickly and effectively. Unlike traditional...
11 hours 38 minutes 42 seconds
Solidity & Ethereum in React (Next JS): The Complete Guide
Sources: udemy
Create real Smart Contracts in Solidity and DApps with React & Next JS. Understand how the Ethereum blockchain works.
38 hours 47 minutes 24 seconds
Build a Slack Chat App with React, Redux, and Firebase
Sources: udemy
Throughout this course, we'll be building a live chat app for developers called DevChat, where users will be able to create channels, to send messages to other users on those ch...
5 hours 55 minutes 18 seconds
Next JS: The Complete Developer's Guide
Sources: udemy, Stephen Grider
Congratulations! You’re on the brink of entering the fast-evolving world of NextJS, designed to empower developers with the tools to create high-performance, fe
15 hours 35 minutes 12 seconds
Complete DApp - Solidity & React - Blockchain Development
Sources: udemy
Become a Complete DApp Developer by learning the best in demand skills taught by renown engineer and full stack developer Clarian North. Join in early on an exciting technology...
15 hours 21 minutes 24 seconds
Want to join the conversation?
Sign in to comment