ページ

ページとは、ルートに**固有**のUIです。 page.js ファイルからコンポーネントをデフォルトエクスポートすることで、ページを定義できます。

たとえば、`index`ページを作成するには、`app`ディレクトリ内に`page.js`ファイルを追加します。

// `app/page.tsx` is the UI for the `/` URL
export default function Page() {
  return <h1>Hello, Home page!</h1>
}

さらにページを作成するには、新しいフォルダを作成し、その中に`page.js`ファイルを追加します。たとえば、`/dashboard`ルートのページを作成するには、`dashboard`という新しいフォルダを作成し、その中に`page.js`ファイルを追加します。

// `app/dashboard/page.tsx` is the UI for the `/dashboard` URL
export default function Page() {
  return <h1>Hello, Dashboard Page!</h1>
}

知っておくと良いこと:

• ページには、`.js`、`.jsx`、または`.tsx`のファイル拡張子を使用できます。
• ページは常にルートサブツリーのリーフです。
• ルートセグメントを公開するには、`page.js`ファイルが必要です。
• ページはデフォルトではサーバーコンポーネントですが、クライアントコンポーネントに設定することもできます。
• ページはデータをフェッチできます。詳しくは、データフェッチセクションをご覧ください。