アプリFW/ライブラリ▸Next.js
Next.js: App Router の基礎（ルーティング）
hands-on所要 25分最新草稿
意味グラフ（この教材と内容的に近い教材・1ネスト）
例え（Analogies）
App Router＝住所はフォルダ構造
Next.jsのApp Routerは「フォルダの位置がそのまURL」。app/about/page.tsx が /about になる。住所を整理すればサイトの地図ができる。
概要
📍 app-frameworks ▸ Next.js ▸ App Router の基礎 ｜ 種別: hands-on ｜ facts_as_of 2026-06（Next.js 16）
公式ドキュメント — hands-on
🎞 スライド
出典（sources）
nextjs.org/docs (App Router / Routing) ; Next.js 16 / 2026-06確認
確認問題（Review-Questions）
/blog/:id の動的ルートのフォルダ構成は？コード
基礎公式
解答・解説▾ 開く
app/blog/[id]/page.tsx
App Routerでページになるファイルは？択一
基礎公式
解答・解説▾ 開く
app/配下の page.tsx（default export）。