Ομαδοποίηση Διαδρομών στο NextJS

Μερικές φορές μπορεί να χρειαστείμε για ευκολία να ομαδοποιήσουμε πολλές διαδρομές σε έναν φάκελο έτσι ώστε ο φάκελος ομαδοποίησης να μην δημιουργεί ένα ξεχωριστό τμήμα στο URL.

Για να γίνει αυτό, το όνομα του φακέλου ομαδοποίησης πρέπει να περικλείεται σε παρενθέσεις. Ας δούμε ένα παράδειγμα.

Ας πούμε ότι για το URL /reg θέλουμε να φτιάξουμε μια σελίδα εγγραφής, και για το URL /log - μια σελίδα σύνδεσης. Ας ενώσουμε τους φακέλους που αντιστοιχούν σε αυτά τα URLs σε έναν κοινό φάκελο με όνομα (auth).

Έτσι, θα έχουμε την ακόλουθη δομή αρχείων:

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

Ας φτιάξουμε το αρχείο για τη σελίδα εγγραφής:

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

Ας φτιάξουμε το αρχείο για τη σελίδα σύνδεσης:

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

Πραγματοποιήστε τις χειρισμές που περιγράφονται στο μάθημα. Βεβαιωθείτε ότι όλα λειτουργούν όπως αναμένεται.