Seiten

Eine Seite ist eine Benutzeroberfläche, die eindeutig für eine Route ist. Sie können eine Seite definieren, indem Sie standardmäßig eine Komponente aus einer page.js-Datei exportieren.

Beispielsweise können Sie Ihre index-Seite erstellen, indem Sie die page.js-Datei im app-Verzeichnis hinzufügen:

// `app/page.tsx` ist die Benutzeroberfläche für die `/` URL
export default function Page() {
  return <h1>Hallo, Startseite!</h1>
}

Um weitere Seiten zu erstellen, erstellen Sie einen neuen Ordner und fügen Sie die page.js-Datei darin hinzu. Um beispielsweise eine Seite für die /dashboard-Route zu erstellen, erstellen Sie einen neuen Ordner namens dashboard und fügen Sie die page.js-Datei darin hinzu:

// `app/dashboard/page.tsx` ist die Benutzeroberfläche für die `/dashboard` URL
export default function Page() {
  return <h1>Hallo, Dashboard-Seite!</h1>
}

Hinweis:

• Die Dateierweiterungen .js, .jsx oder .tsx können für Seiten verwendet werden.
• Eine Seite ist immer das Blatt des Routenunterbaums.
• Eine page.js-Datei ist erforderlich, um ein Routensegment öffentlich zugänglich zu machen.
• Seiten sind standardmäßig Server-Komponenten, können aber als Client-Komponenten festgelegt werden.
• Seiten können Daten abrufen. Weitere Informationen finden Sie im Abschnitt Datenabruf.