Groepering van roetes in NextJS
Soms mag ons vir gerief 'n paar roetes in een vouer wil groepeer sodat die groeperende vouer nie 'n aparte segment in die URL skep nie.
Hiervoor moet die naam van die groeperende vouer in ronde hakies geplaas word. Kom ons kyk na 'n voorbeeld.
Laat ons by URL /reg registrasie wil hê,
en by URL /log - aanmelding.
Laat ons die vouers wat met hierdie URL's ooreenstem
in een gemeenskaplike vouer met die naam (auth) groepeer.
Sodoende sal ons die volgende lêerstruktuur hê:
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
Kom ons maak die lêer vir die registrasiebladsy:
export default function Reg() {
return <h1>register</h1>;
}
Kom ons maak die lêer vir die aanmeldingsbladsy:
export default function Log() {
return <h1>login</h1>;
}
Voer die manipulasies wat in die les beskryf word uit. Maak seker dat alles werk soos verwag.
