App Router

注意

本ドキュメントは公式ドキュメントの v14.1.0 の断面を翻訳したものです。Next.js の公式 X アカウントにもポスト頂きました。

公式ドキュメントのアップデートに追随して適宜更新しますが、最新情報が反映できていない可能性があります。

一部翻訳途中のページがありますが、随時翻訳を追加予定です。

Next.js の App Router は、React の最新機能を使ってアプリケーションを構築するための新しい方法です。すでに Next.js に慣れ親しんでいる方であれば、App Router が既存のファイルシステムベースのルーターである Pages Router の自然な進化形であることがわかるでしょう。

新しいアプリケーションには、App Router の使用をお勧めします。既存のアプリケーションについては、段階的に App Router に移行できます。同じアプリケーションで両方のルーターを使用することも可能です。

このセクションでは、App Router で利用可能な機能について説明します。