Glossary · Web技術
App Routerとは？
App RouterはNext.js 13以降の新しいルーティング方式。React Server Components標準化により、高速かつSEOに強いアプリ構築が可能に。
公開: 2026年4月19日3分で読める
App Routerとは？
App Router は、Next.js 13以降で導入された新しいルーティング方式。app/ ディレクトリ配下のファイル構造がURLに対応し、React Server Componentsがデフォルトで動作します。
主な特徴
- ファイルベースルーティング（
page.tsx= URL） - レイアウト継承（
layout.tsx） - Loading/Error UI（
loading.tsx/error.tsx） - Server Componentsデフォルト
- ストリーミング対応
旧Pages Routerとの違い
| 観点 | Pages Router | App Router |
|---|---|---|
| データ取得 | getServerSideProps | async Server Components |
| 共通レイアウト | _app.tsx | layout.tsx |
| JS バンドル | 全体 | 必要な部分のみ |
App Routerは JSバンドルサイズを大幅削減 し、初回表示とCore Web Vitalsを改善。
Tufe Companyの採用
本サイトは Next.js 16 + App Router で構築。SSGで生成される650+ページすべてが App Router の恩恵を受けています。
関連用語
Tufe Companyのソリューション
関連キーワード
App RouterNext.jsReact Server Components
Ready to Start?
自社でもこの戦略を実行したい方へ
Tufe Companyが戦略立案から実装までワンストップで支援します。
まずは無料相談で現状ヒアリングから。