Gruppering af ruter i NextJS
Sommetider kan vi have brug for at gruppere flere ruter i en mappe for nemheds skyld på en sådan måde, at grupperingsmappen ikke skaber et separat segment i URL'en.
For at gøre dette skal navnet på grupperingsmappen omgives af runde parenteser. Lad os se på et eksempel.
Lad os sige, at vi vil have registrering
på URL'en /reg, og autorisation
på URL'en /log.
Lad os samle mapperne, der svarer til disse URL'er,
i en fælles mappe med navnet (auth).
På denne måde får vi følgende filstruktur:
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
Lad os oprette filen til registreringssiden:
export default function Reg() {
return <h1>register</h1>;
}
Lad os oprette filen til loginsiden:
export default function Log() {
return <h1>login</h1>;
}
Udfør de manipulationer, der er beskrevet i lektionen. Sikr dig, at alt fungerer som forventet.
