Next.js App Router の基礎：フロントエンドエンジニアのための入門ガイド（概念とディレクトリ構造編） - TECHSCORE BLOG

1. はじめに 1.1 App Router とは何か Next.js 13.4 で正式リリースされた App Router は、従来の Pages Router に代わる新しいルーティングシステムです。最も重要な特徴は、React Server Components をデフォルトで採用している点にあります。これにより、サーバーサイドでコンポーネントをレンダリングし、必要な部分のみをクライアントに送信することで、パフォーマンスの大幅な向上を実現しています。 App Router は単なるファイル構成の変更ではありません。React 18 の新機能を最大限活用し、サーバーとクライアントの境界をより明確に定義することで、モダンな Web アプリケーション開発に最適化された仕組みです。 従来の SPA（Single Page Application）の利便性を保ちながら、初期読み込み速度などを大