【React+Next.js】Netflixのクローンを作るチュートリアル

てりー

このチュートリアルではNetflixクローンを作る過程で、Next.js 15とReact 19を使ったモダンなWebアプリケーション開発について学んでいきます。 最新のReactとNext.jsの機能を実践的に学びながら、実際に動くWebアプリケーションを作成していきましょう。 【学べる事】 - Next.js 15のApp Routerを使った開発 - React 19の新機能（Server Components、Async Components、Suspense） - Intercepting Routesを使ったモーダル表示機能の実装 - ストリーミングSSRによるUX向上 - Server Actionsを使ったデータ処理 - TypeScriptを使った型安全な開発 - Tailwind CSS v4を使ったスタイリング - TMDB APIとの連携方法 - Vercelを使ったデプロイ方法 【余談】 また直接、プロダクトコードには関連しないですが、余談として以下の解説も行なっています。 - APIとは？ - HTTPステータスコードについて - 環境変数（.env）について - 非同期処理について（Promise、async/await、Promise.all） - TypeScriptの型定義（インターフェースとタイプエイリアス） - Next.js App Routerの概念（Server ComponentsとClient Components） - データフェッチングの戦略とキャッシュ 【こんな人に読んでほしい】 - React、TypeScriptで入門書やチュートリアルをやった後に、実際に何か作ってみたいという人 - Next.jsのApp Routerを使った開発を始めたい人 - 最新のReact 19とNext.js 15の機能を実践的に学びたい人 - Server Componentsなどの新しい概念を理解したい人 - 普段仕事で基礎的なことはやっているけど、自分で1から何かを作ってみたい人 ※技術ブログ：https://terrblog.com/ React周りの技術的な事やフロントエンドエンジニアのキャリアについて書いています