コンテンツにスキップ

ルーティング

Pages Routerは、ページという概念に基づいたファイルシステムベースのルーターを持っています。pagesディレクトリにファイルを追加すると、自動的にルートとして利用可能になります。Pages Routerでのルーティングについて詳しくはこちらで学べます。

ページとレイアウト

Pages Routerを使って、初めてのページと共有レイアウトを作成します。

ダイナミックルーティング

ダイナミックルーティングは、URLにカスタムパラメータを追加できるページです。ダイナミックルーティングの作成を開始し、詳細についてはこちらで学んでください。

リンクとナビゲーション

Next.jsでのナビゲーションの仕組み、Linkコンポーネントと`useRouter`フックの使い方を学びます。

リダイレクト

Next.jsでリダイレクトを処理するさまざまな方法を学びます。

カスタムApp

Next.jsが使用するデフォルトのAppコンポーネントをオーバーライドすることで、ページ初期化を制御し、すべてのページに永続するレイアウトを追加します。

カスタムDocument

Next.jsによって追加されるデフォルトのドキュメントマークアップを拡張します。

APIルート

Next.jsはAPIルートをサポートしており、Next.jsアプリから離れることなくAPIを構築できます。仕組みについてはこちらで学んでください。

カスタムエラー

組み込みのエラーページをオーバーライドおよび拡張して、カスタムエラーを処理します。

国際化

Next.jsは、国際化されたルーティングと言語検出を内蔵でサポートしています。詳細についてはこちらで学んでください。

ミドルウェア

リクエストが完了する前にコードを実行するためにミドルウェアを使用する方法を学びます。