Gruppering av ruter i NextJS
Noen ganger kan vi ha behov for å gruppere flere ruter i en mappe for enkelhets skyld på en slik måte at grupperingsmappen ikke lager et eget segment i URL-en.
For å gjøre dette skal navnet på grupperingsmappen omsluttes med runde parenteser. La oss se på et eksempel.
La oss si at vi vil ha registrering på URL-en /reg,
og autorisasjon på URL-en /log.
La oss samle mappene som tilsvarer disse URL-ene
i en felles mappe med navnet (auth).
Dermed vil vi få følgende filstruktur:
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
La oss lage filen for registreringssiden:
export default function Reg() {
return <h1>register</h1>;
}
La oss lage filen for autorisasjonssiden:
export default function Log() {
return <h1>login</h1>;
}
Gjør manipuleringene beskrevet i leksjonen. Forsikre deg om at alt fungerer som forventet.
