Jang Jaehoon

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

antonio

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

YouTubeClone

youtubeclone

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.

입문

초급

중급이상

넥스트 제이에스

Next.js

리액트

React

포스트그레SQL

PostgreSQL

tailwindcss

TailwindCSS

drizzle

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

Introduction

Project Basic Setup

Database and API Settings

AI-powered studio and video management

Video Viewing and User Engagement Features

Search and Feed System

Playlist feature

User Profile

Finishing, and Distribution