p5747374710

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.

codewithantonio

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

YouTubeClone

youtubeclone

이 24시간 튜토리얼에서는 자신만의 유튜브 클론을 만드는 방법을 배우게 됩니다. Next 15와 React 19(tRPC 포함), 서버 컴포넌트에서의 프리페칭, 클라이언트 컴포넌트에서의 서스펜스 활용, 비디오 처리, 백그라운드 작업, AI 기능 등 고급 주제들을 다룰 것입니다.

antonio

입문

초급

중급이상

넥스트 제이에스

Next.js

리액트

React

포스트그레SQL

PostgreSQL

tailwindcss

TailwindCSS

drizzle

Next.js 15로 완성하는 실전 YouTube 클론 개발

들어가며

프로젝트 기초 설정

데이터베이스 및 API 설정

AI를 활용한 스튜디오 및 비디오 관리

영상 시청 및 사용자 참여 기능

검색 및 피드 시스템

플레이리스트 기능

사용자 프로필

마무리, 그리고 배포