Gruppering av rutter i NextJS
Ibland kan vi behöva gruppera flera rutter i en mapp för enkelhetens skull så att grupperingsmappen inte skapar ett separat segment i URL:en.
För att göra detta ska namnet på grupperingsmappen omges av runda parenteser. Låt oss titta på ett exempel.
Låt oss säga att vi för URL:en /reg vill skapa
registrering, och för URL:en /log - inloggning.
Låt oss kombinera mapparna som motsvarar dessa URL:er
i en gemensam mapp med namnet (auth).
Således kommer vi att få följande filstruktur:
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
Låt oss skapa filen för registreringssidan:
export default function Reg() {
return <h1>register</h1>;
}
Låt oss skapa filen för inloggningssidan:
export default function Log() {
return <h1>login</h1>;
}
Utför manipulationerna som beskrivs i lektionen. Se till att allt fungerar som förväntat.
