Next.js Deep Dive
Pages RouterからApp Router、Server ComponentsからCache Componentsまで、Reactフルスタックフレームワークの全貌を10章で徹底解剖するシリーズ
目次
- 第1章第1章: Next.jsとは何か — 誕生の背景と設計哲学Guillermo Rauchのビジョン、ZEITでの開発経緯、6つの設計原則、Reactとの関係性→
- 第2章第2章: Next.jsの歴史 — Pages RouterからApp Routerへの10年v1〜v16の主要バージョン年表、Pages Router時代の成熟、App Router導入の衝撃→
- 第3章第3章: App Routerのアーキテクチャ — ルーティングとレイアウトシステムファイルシステムベースルーティング、Dynamic/Parallel/Intercepting Routes、レイアウト階層→
- 第4章第4章: Server ComponentsとClient Components — レンダリングモデルの革新RSCの仕組み、use client境界の設計、コンポジションパターン、バンドルサイズ削減→
- 第5章第5章: データフェッチとキャッシュ戦略 — use cacheからISRまでServer Componentsでの直接fetch、Cache Components、キャッシュキー生成、再検証戦略→
- 第6章第6章: レンダリング戦略の使い分け — SSR, SSG, Streaming, PPR各レンダリング戦略の仕組みと適材適所、Suspenseストリーミング、Partial Prerendering→
- 第7章第7章: パフォーマンス最適化 — Core Web VitalsとReact CompilerLCP/INP/CLS最適化、next/image・next/font、バンドル分析、React Compiler自動メモ化→
- 第8章第8章: エコシステムと開発ツール — Turbopack, Turborepo, AI SDKTurbopackアーキテクチャ、モノレポ管理、状態管理・ORM・認証の推奨スタック→
- 第9章第9章: セキュリティと本番運用 — 多層防御からセルフホスティングまでServer Actionsセキュリティ、React2Shell脆弱性、CSP、Deployment Adapters API→
- 第10章第10章: 類似技術比較と将来展望 — Next.jsの現在地と未来Remix/SvelteKit/Astro比較、採用動向と満足度、React Foundation、ロードマップ→