Gruppierung von Routen in NextJS

Manchmal kann es erforderlich sein, der Übersichtlichkeit halber mehrere Routen in einem Ordner zu gruppieren, ohne dass der gruppierende Ordner ein eigenes Segment in der URL erzeugt.

Um dies zu erreichen, sollte der Name des gruppierenden Ordners in runde Klammern gesetzt werden. Schauen wir uns ein Beispiel an.

Angenommen, wir möchten unter der URL /reg die Registrierung und unter der URL /log die Anmeldung durchführen. Fassen wir die Ordner, die diesen URLs entsprechen, in einem gemeinsamen Ordner mit dem Namen (auth) zusammen.

So ergibt sich folgende Dateistruktur:

/app/
- /(auth)/
  - /reg/
    - page.jsx
  - /log/
    - page.jsx

Erstellen wir die Datei für die Registrierungsseite:

export default function Reg() {
	return <h1>register</h1>;
}

Erstellen wir die Datei für die Anmeldeseite:

export default function Log() {
	return <h1>login</h1>;
}

Führen Sie die in der Lektion beschriebenen Manipulationen durch. Stellen Sie sicher, dass alles wie erwartet funktioniert.