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
NextJS & OpenAI - 2024 Edition
Sources: udemy
Embark on a journey to mastering modern web development with our comprehensive video course on building applications using Next JS 14 and the OpenAI API. This c
13 hours 41 minutes 21 seconds
Starting with React & Redux: Build modern apps (2nd edition)
Sources: udemy
We will start from beginning to actually building a few applications.You will learn all the logic and practice behind React in different modules, and as we adva
30 hours 13 minutes 51 seconds
Instagram Clone Coding 3.0
Sources: Nomad Coders
nstagram: backend + frontend + application + server. NodeJS, Prisma, GraphQL, Hooks, React Native. You implement almost all Instagram features, including taking
20 hours 48 minutes 39 seconds
React Data Fetching: Beyond the Basics
Sources: fullstack.io
This course will teach you how to efficiently load data in React without using third-party libraries or the useEffect hook. We will create our own library for..
2 hours 40 minutes 15 seconds
React Simplified - Advanced
Sources: webdevsimplified.com
Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d
11 hours 34 minutes 10 seconds