Complete Real-world YouTube Clone Development with Next.js 15

Name: Complete Real-world YouTube Clone Development with Next.js 15
Price: 55000 KRW

In this 24-hour tutorial, you will learn how to build your own YouTube clone. We will cover advanced topics such as Next 15 and React 19 (including tRPC), prefetching in Server Components, utilizing Suspense in Client Components, video processing, background jobs, and AI features.

(3.9) 15 reviews

577 learners

antonio

youtubeclone

Next.js

React

PostgreSQL

TailwindCSS

drizzle

Reviews from Early Learners

What you will learn!

Experience directly designing and building a video platform like YouTube
Acquisition of modern full-stack web development skills utilizing React 19 and the latest full-stack framework based on Next.js 15 (App Router), TypeScript, and tRPC.
Type-Safe Database Management Skills Using PostgreSQL + Drizzle ORM
Fast and Efficient Server-Side Environment Setup Experience with Bun Runtime
Learning User Authentication and Stability Enhancement Methods Based on the Clerk Authentication System
Production-Level Feature Implementation via AI Automation and Async Processing
Practical performance improvement through infinite scrolling and data flow optimization

Please check before taking the class! 📢

This lecture is also available on the Code with Antonio YouTube channel,
In fact, to complete clone coding, you definitely need paid learning materials.
(including the entire codebase, configuration files, and structured components)

💬 Only available in Inflearn courses!

We've divided the 23-hour long video into a systematic curriculum. You can quickly find the part you want, learn it, and review it conveniently at any time.
Don't worry if English isn't your thing!
Korean dubbing is provided so you can listen comfortably.
Don't just skip what you've learned 🙂
You can review in a fun way with AI quizzes from time to time!

Recommended for
these people

Who is this course right for?

A developer who wants to learn the latest web development trends and apply them to real projects
A developer who wants to experience modern app design based on Next.js 15, React 19, and tRPC
Developer who wants to complete a YouTube clone project personally
Junior developer looking to strengthen their portfolio

Need to know before starting?

Basic knowledge of JavaScript and React

Hello
This is

577

Learners

Reviews

Answers

3.9

Rating

Course

안녕하세요, 저는 소프트웨어 엔지니어 Antonio입니다. 7년 이상의 개발 경력을 가지고 있으며, 프로그래밍 세계에 매료되어 이 분야에서 일할 수 있다는 것을 큰 행운으로 생각합니다.

그동안 다양한 프로그래밍 언어와 기술을 다루는 경험을 통해 개발자로서 많은 성장을 이룰 수 있었습니다. 지금까지 쌓은 지식과 경험도 소중하지만, 저는 여전히 배우고 성장하는 데에 큰 열정을 가지고 있습니다.

이러한 경험과 열정을 바탕으로, 프로그래밍에 대한 애정을 나누고 함께 배우며 성장하기 위해 "Code With Antonio" 유튜브 채널과 학습 플랫폼을 운영하고 있습니다. 제가 만든 튜토리얼과 인사이트가 많은 분들께 도움이 되고, 프로그래밍 커뮤니티에 긍정적인 기여를 할 수 있기를 바랍니다.

📺 유튜브
📚 학습 플랫폼

Curriculum

All

40 lectures ∙ (23hr 41min)

Course Materials:

Lecture resources

Section 1. Introduction

2 lectures ∙ (4min)

1. Intro & demo
04:11
2. Learning Materials

Section 2. Project Basic Setup

3 lectures ∙ (1hr 49min)

Section 3. Database and API Settings

5 lectures ∙ (2hr 54min)

6. Database Building
21:12
7. Webhook Synchronization
29:57
8. TRPC settings
45:44
9. TRPC Environment Configuration
25:49
10. Video Category Management
51:25

Section 4. AI-powered studio and video management

9 lectures ∙ (6hr 55min)

Section 5. Video Viewing and User Engagement Features

9 lectures ∙ (5hr 39min)

Section 6. Search and Feed System

3 lectures ∙ (1hr 52min)

Section 7. Playlist feature

4 lectures ∙ (2hr 25min)

Section 8. User Profile

3 lectures ∙ (1hr 29min)

Section 9. Finishing, and Distribution

2 lectures ∙ (30min)

Published:

Last updated:

Reviews

All

15 reviews

3.9

15 reviews

현성
Reviews 5
∙
Average Rating 3.6
Edited
3
20% enrolled
한글 설명이 부실함
- 향로
  안녕하세요 현성님 인프랩 향로입니다. 불편을 드려 정말 죄송합니다. 혹시 한글 설명이 부족하다는 것이 어떤 것인지 말씀해주시면 개선해보겠습니다. 번역과 더빙에 대한 퀄리티 문제는 전체적으로 다시 검수를 하고 부족했던 시스템의 이슈를 개선해두어서 여러 개선사항이 적용되었습니다. 남겨주신 피드백 계속 상기하면서 더 나은 시스템을 만들기 위해 노력하겠습니다. 인프런 사용해주셔서 정말 감사드리며 더 나은 서비스로 보답하겠습니다.
ㄱㅇ
Reviews 2
∙
Average Rating 5.0
Edited
5
10% enrolled
'클론코딩'이라고 하기엔 기능이 진짜 다양하고, 각 기술을 왜 쓰는지 설명도 잘 돼 있어서 설계 감각까지 잡을 수 있을 거 같아요. 유튜브 클론 코딩 중에서도 AI 활용, 여러 스택을 다양하게 활용해볼 수 있는 강의라 개인적으로는 의미가 있을 거 같습니다!
- antonio
  Instructor
  정성스러운 리뷰 정말 감사합니다! 설명이 도움이 되고 의미있었다니 기쁩니다, 특히 설계 및 AI 활용에 대해요. 앞으로 다양한 스택을 탐색하실 때 이 강의가 계속 영감을 주길 바랍니다 🙏
미묘한채널
Reviews 4
∙
Average Rating 5.0
5
30% enrolled
강의 재밌게 듣고 있습니다~
- antonio
  Instructor
  정말 감사합니다! 강의를 즐기고 계신다니 정말 기쁩니다 🙏
김용민
Reviews 8
∙
Average Rating 5.0
Edited
5
30% enrolled
유튜브에서만 접했던 강의를 인프런을 통해 한국어 번역으로 들으니, 또 다른 느낌으로 훨씬 새롭게 다가왔습니다. 덕분에 이해도도 더 높아진 기분입니다! 앞으로는 Next.js 하나로 프론트와 서버를 모두 처리하는 방식뿐만 아니라, NestJS, Express, Hono 같은 서버 프레임워크와 함께 모노레포 환경을 구축하여 진행하는 강의도 제작 계획이 있으신지 궁금합니다!
- antonio
  Instructor
  정성스러운 피드백 정말 감사합니다! 한국어로 번역된 강의가 이해를 심화하는 데 도움이 되었다니 정말 기쁩니다. 제안해주신 내용도 감사합니다. 모노레포 환경과 NestJS, Express, Hono 같은 프레임워크를 다루는 강의는 좋은 생각인 것 같습니다. 앞으로 콘텐츠 제작 시 꼭 염두에 두겠습니다.
p574737
Reviews 2
∙
Average Rating 4.0
4
100% enrolled
.

$42.90

Similar courses

Explore other courses in the same field!

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

🔥 강의 등록부터 영상 업로드까지, 지식공유자 기능을 그대로 구현해보는 실전 풀스택 강의입니다. Next.js 15와 NestJS를 활용해 강의 생성, 커리큘럼 구성, 썸네일 및 영상 업로드, 상세 소개 작성까지 실제 인프런 흐름을 따라 만들며, Prisma 모델링, JWT 인증, S3 + CloudFront 업로드, Swagger API 설계 등 실무에 가까운 경험을 쌓을 수 있습니다.

중급이상

AWS, Docker, Next.js

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

로펀

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

중급이상

React, Redux, Node.js

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

풀스택 개발에 날개를 달아줄 Supabase! Firebase의 상위호환인 Supabase로 풀스택 개발을 2시간만에 완성합니다.

초급

PostgreSQL, Next.js, TailwindCSS

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

React와 Next.js로 배우는 입문용 프론트엔드 프로젝트: Tailwind CSS와 정적 배포까지 완성하기

ludgi

Next.js와 Tailwind CSS를 활용한 프론트엔드 입문 강의입니다. 백엔드 없이 정적 배포까지 완료하며, 초보자도 완성의 성취감을 느낄 수 있도록 설계되었습니다

입문

Next.js, TailwindCSS, aws-s3

React와 Next.js로 배우는 입문용 프론트엔드 프로젝트: Tailwind CSS와 정적 배포까지 완성하기

ludgi

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

코배투

React로 광고 수익형 웹사이트를 만들어 봅니다. 광고를 최적화 하고 서버 비용을 줄이기 위한 방법과 규모에 따른 사이트 운영 Tip까지 배워봅니다.

초급

React, AWS, cloudflare

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

코배투

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

닭강정

React, Node.js, MongoDB를 활용해 회사 웹사이트를 직접 제작하는 과정을 배울 수 있는 실전 강의입니다. 간단한 React, Node.js 배경으로 풀스택 프로젝트를 같이 만들어요!

중급이상

React, Node.js, MongoDB

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

닭강정

React 기반 Gatsby로 기술 블로그 개발하기 v2

주현도

Gatsby v5를 통해 직접 나만의 기술 블로그를 개발해보는 강의입니다.

중급이상

Gatsby, React, 블로그

React 기반 Gatsby로 기술 블로그 개발하기 v2

주현도

React start with Next.js

구멍가게코딩단

React 가 처음이라면? React의 기본 개념을 튼튼히 하면서도 빠르게 배울 수 있는 방법을 고민해야 합니다. Next.js와 JavaScript로 최소한의 지식으로 시작해 보세요. 실무에서 개발에 필요한 필수적인 예제들만 간추려 개발해 봅시다. Todo 예제는 너무나 중요하므로 2번 개발해야 합니다. 한번은 컴포넌트 중심으로 다음에는 브라우저의 경로에 맞게 처리되는 라우팅 중심으로! 로그인은 Zustand를 이용하세요! 정말 적은 양의 코드로 전역 상태를 처리할 수 있습니다.

입문

JavaScript, React, 웹앱

React start with Next.js

구멍가게코딩단

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

React 프론트엔드와 SpringBoot 백엔드를 AWS 클라우드에 직접 배포하는 포트폴리오 중심 강의! 빠르게 자신의 포트폴리오에 프론트, 백앤드 프로젝트를 배포하고 싶은 분들에게 도움이 되는 강의입니다! 배포하는 데 필요한 지식들을, 서버 설정부터 Docker, Domain 연결, Nginx, HTTPS 적용까지 단계별로 단기간 실습할 수 있게 됩니다!

초급

React, Java, AWS

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

초급

React, Electron, GUI

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

중급이상

React, Next.js, cursor

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

초급

Next.js, FastAPI, whisper

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

딩코딩코

AI는 이제 선택이 아닌 생존의 문제입니다. 3일 걸리던 개발을 30분으로 단축하고, 반복 업무는 AI에게 맡기고 당신은 더 중요한 문제 해결에 집중하세요. 이론이 아닌 실무에서 바로 써먹는 AI 네이티브 개발법으로, 회사에서 "AI 잘하는 개발자"로 인정받는 확실한 방법을 알려드립니다.

초급

Spring Boot, Next.js, 인공지능(AI)

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

딩코딩코

[C#/.NET 8.0]어서와, WinForm은 처음이지?

RAZOR

★.NET 8.0★ Winform을 활용한 Windows Desktop 개발 기초 강의입니다. EntityFrameworkCore를 활용한 DB CRUD를 편하게 하는 방법을 배워가세요. 느슨한 결합에 기반한 클래스 설계 방법과 Form UI Design "기초"를 알려드립니다. 강의에 사용된 Source Code도 제공해드립니다 :)

초급

.NET, winform, PostgreSQL

[C#/.NET 8.0]어서와, WinForm은 처음이지?

RAZOR

[2025 신규] 어서와, Fast API는 처음이지?

RAZOR

★PYTHON★ Fast API를 활용한 Server 개발 기초 강의입니다. Fast API, SQLAlchemy, Pydantic, Starlette 등 여러 Package를 활용해 쉽고, 빠르고, 간편하게 Server 개발하는 방법을 배워가세요! PostgreSQL과의 연동은 물론 DB Backup파일도 준비되어 있으니 걱정마세요! Dash와 Plotly를 활용한 UI Design "기초"를 알려드리고 강의에 사용된 Source Code도 제공해드립니다 :)

초급

FastAPI, Python, PostgreSQL

[2025 신규] 어서와, Fast API는 처음이지?

RAZOR

공식문서로 배우는 실전 타입스크립트

어쩔코딩

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

입문

TypeScript, JavaScript, ES6

공식문서로 배우는 실전 타입스크립트

어쩔코딩

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

초급

React Native, React, ES6

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

초급

React, Next.js, expo

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

초급

React, React Native, 하이브리드 앱

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

[Tailwind CSS 실전 포트폴리오 퍼블리싱]은 Tailwind CSS를 활용해 26가지 이상의 다양한 실전 예제 제작하는 과정입니다. 실전 예제를 빠르게 다양하게 제작하면 그 속에서 필수적인 이론을 설명합니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

초급

TailwindCSS, HTML/CSS

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

Complete Real-world YouTube Clone Development with Next.js 15

Reviews from Early Learners

What you will learn!

Clone Coding , the best learning method to learn practical development!

Actual service level
You can create a YouTube.

Check out the final result for yourself!

Chosen by 380,000+ subscribers worldwide
Clone coding expert, Antonio!

With 11 cutting-edge technologies
Complete one service.

Please check before taking the class! 📢

Recommended for
these people

Hello
This is

Curriculum

Reviews

Similar courses

Complete Real-world YouTube Clone Development with Next.js 15

Reviews from Early Learners

What you will learn!

Clone Coding , the best learning method to learn practical development!

Actual service level You can create a YouTube.

Check out the final result for yourself!

Chosen by 380,000+ subscribers worldwide Clone coding expert, Antonio!

With 11 cutting-edge technologies Complete one service.

Please check before taking the class! 📢

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

Similar courses

Actual service level
You can create a YouTube.

Chosen by 380,000+ subscribers worldwide
Clone coding expert, Antonio!

With 11 cutting-edge technologies
Complete one service.

Recommended for
these people

Hello
This is