ページ

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

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

// `app/page.tsx` は `/` URLのUI
export default function Page() {
  return <h1>こんにちは、ホームページ！</h1>
}

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

// `app/dashboard/page.tsx` は `/dashboard` URLのUI
export default function Page() {
  return <h1>こんにちは、ダッシュボードページ！</h1>
}

補足：

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