CF

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: Antonio Erdeljac (Code With Antonio)

Antonio Erdeljac (Code With Antonio) thumbnail

Antonio Erdeljac is a Croatian developer behind the Code With Antonio YouTube channel — one of the more active independent full-stack JavaScript channels online, with a focus on long-form, project-based clones of well-known applications (Netflix clone, Spotify clone, Notion clone, Discord clone, Trello clone). The channel's distinctive contribution is the depth of those clone tutorials — each typically runs 8-15 hours and covers the full back-end-to-front-end implementation of a working app.

The course catalog covers the modern Next.js / React stack: App Router patterns, server components, server actions, Prisma + PostgreSQL, NextAuth / Clerk authentication, Stripe billing, file uploads, real-time features with Pusher, and the deployment workflow with Vercel. Material is paid extended versions of the YouTube content with additional features and context.

The CourseFlix listing under this source carries over 15 Code With Antonio courses spanning that range. Material is aimed at intermediate-and-up React developers building real full-stack applications.

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

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this course?
This course is designed for students who have a basic understanding of web development concepts. Familiarity with JavaScript and React is recommended, as the course uses React 19 for building the front end. Knowledge of server-side concepts and APIs will be beneficial, as the course covers backend setup using tRPC. No prior experience with video processing or AI features is required, as these topics will be taught as part of the course.
What will I build by the end of the course?
By the end of the course, you will have built a full-featured video application akin to YouTube. This includes pages for video feeds, individual channels, and detailed video views. You will implement features such as video uploads, file storage, and background processing jobs. The course also covers the creation of basic AI helpers to assist with generating video titles and tags.
Who is the target audience for this course?
The course is aimed at web developers looking to expand their skill set into video platform development. It is suitable for those interested in learning how to build scalable web applications using modern frameworks like Next.js 15 and tools like tRPC. Developers curious about integrating AI features into applications will also find this course valuable.
How does this course compare to other web development courses in terms of scope and depth?
This course offers a specialized focus on building a video platform, setting it apart from more general web development courses. It goes beyond basic React applications by integrating server components, data preloading, and Suspense for smoother client experiences. The course also dives into video processing and AI integration, providing a more comprehensive view of developing real-world media platforms.
What specific tools and platforms will I learn to use in this course?
The course teaches how to use Next.js 15 and React 19 for building the frontend of the application. You'll also work with tRPC to connect the frontend to the backend seamlessly. For video handling, the course includes Mux integration for processing and managing video uploads. Basic AI features will be added to the app to enhance functionalities like title and tag generation.
Is there anything not covered in the course that I should be aware of?
While the course covers a broad range of skills necessary for building a video platform, it does not delve into advanced AI or machine learning techniques. The AI features introduced are basic helpers for tasks like generating titles and tags. Additionally, the course does not cover in-depth UI/UX design principles beyond the functional layout of a video application.
What is the time commitment required for this course?
The course consists of 39 lessons, each designed to build upon the previous one as you develop a YouTube-style application. While the total runtime of the course is not specified, students should allocate time for both watching the lessons and implementing the projects. Depending on your pace and prior experience, completing the course might take several weeks if you dedicate a few hours per week.