Routen definieren

Wir empfehlen, vor dem Fortfahren die Seite Routing-Grundlagen zu lesen.

Diese Seite führt Sie durch das Definieren und Organisieren von Routen in Ihrer Next.js-Anwendung.

Routen erstellen

Next.js verwendet einen dateibasierten Router, bei dem Ordner verwendet werden, um Routen zu definieren.

Jeder Ordner repräsentiert ein Routen-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 /dashboard/analytics URL-Pfad nicht öffentlich zugänglich, da er keine entsprechende page.js-Datei hat. Dieser Ordner könnte verwendet werden, um Komponenten, Stylesheets, Bilder oder andere zusammenliegende Dateien zu speichern.

Hinweis: .js, .jsx, .ts oder .tsx Dateierweiterungen können für spezielle Dateien verwendet werden.

Benutzeroberfläche erstellen

Spezielle Dateikonventionen werden verwendet, um die Benutzeroberfläche für jedes Routen-Segment zu erstellen. Die häufigsten sind Seiten zum Anzeigen einer für eine Route einzigartigen Benutzeroberfläche und Layouts zum Anzeigen einer Benutzeroberfläche, die über mehrere Routen geteilt wird.

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

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