Definieren von Routen

Wir empfehlen, die Seite Routing-Grundlagen zu lesen, bevor Sie fortfahren.

Diese Seite führt Sie durch die Definition und Organisation von Routen in Ihrer Next.js-Anwendung.

Erstellen von Routen

Next.js verwendet einen dateisystembasierten Router, bei dem Ordner zur Definition von Routen verwendet werden.

Jeder Ordner repräsentiert ein Route-Segment, das einem URL-Segment zugeordnet ist. Um eine verschachtelte Route zu erstellen, können Sie Ordner ineinander verschachteln.

Eine spezielle page.js-Datei wird verwendet, um Routen-Segmente öffentlich zugänglich zu machen.

In diesem Beispiel ist der URL-Pfad /dashboard/analytics nicht öffentlich zugänglich, da keine entsprechende page.js-Datei vorhanden ist. Dieser Ordner könnte verwendet werden, um Komponenten, Stylesheets, Bilder oder andere gemeinsam genutzte Dateien zu speichern.

Gut zu wissen: Die Dateiendungen .js, .jsx oder .tsx können für spezielle Dateien verwendet werden.

Erstellen der Benutzeroberfläche

Spezielle Dateikonventionen werden verwendet, um die Benutzeroberfläche für jedes Routen-Segment zu erstellen. Die gängigsten sind Seiten zur Anzeige von UI, die für eine Route einzigartig ist, und Layouts zur Anzeige von UI, die über mehrere Routen hinweg geteilt wird.

Um beispielsweise Ihre erste Seite zu erstellen, fügen Sie eine page.js-Datei in das app-Verzeichnis ein und exportieren eine React-Komponente:

export default function Page() {
  return <h1>Hello, Next.js!</h1>
}

export default function Page() {
  return <h1>Hello, Next.js!</h1>
}