haeyul

この24時間のチュートリアルでは、自分だけのYouTubeクローンを作る方法を学びます。Next 15とReact 19（tRPCを含む）、サーバーコンポーネントでのプリフェッチ、クライアントコンポーネントでのサスペンス活用、ビデオ処理、バックグラウンドジョブ、AI機能など、高度なトピックを扱います。

codewithantonio

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