Skip to main content
CourseFlix

Build a Youtube Clone

23h 42m 10s
English
Paid

In this course, you build a full YouTube‑style app from scratch. You use Next.js 15, React 19, and tRPC to create a clear and fast stack. You work with server components, data preloading, and Suspense in client components. You also add video upload, video processing, and background jobs. At the end, you add simple AI features to your app. You get hands‑on practice with tools used in real video platforms.

What You Build

You build a video app that feels close to YouTube. You add pages for feeds, channels, and video details. You handle uploads, file storage, and background workers. You also add basic AI helpers for titles or tags.

What You Learn

Core Frontend Skills

You learn how to use server components for fast pages. You preload data to cut load times. You use Suspense to keep client parts smooth.

Backend and API Work

You set up tRPC to link your client and server. You write clear API calls without extra boilerplate. You learn simple patterns for queues and jobs.

Video Handling

You process video uploads, track progress, and prepare files for playback. You learn how real media sites deal with large files.

Additional

There is a free version of this course available on YouTube. The main difference between the paid and free versions is that the paid course includes the full project code.

About the Author: Code With Antonio

Code With Antonio thumbnail

My name is Antonio, and I am a software engineer with over 7 years of experience. I have always been passionate about the world of programming and consider myself fortunate to have found a career that aligns with my passions.

Throughout my career, I have worked with various programming languages and technologies, which has allowed me to grow and develop as a programmer. Despite the accumulated knowledge and experience, I always strive to learn and improve.

I created "Code With Antonio" to share my love for programming and help others learn and grow in this field. I hope my lessons and insights will be useful and that I can make a positive contribution to the programming community.

Watch Online 39 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 39 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Intro & demo
All Course Lessons (39)
#Lesson TitleDurationAccess
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 subscription