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

Kom ons maak die lêer vir die registrasiebladsy:

app/(auth)/reg/page.jsxexport default function Reg() {
  return <h1>register</h1>;
}

Kom ons maak die lêer vir die aanmeldingsbladsy:

app/(auth)/log/page.jsxexport default function Log() {
  return <h1>login</h1>;
}