Seskupování rout v NextJS

Někdy pro pohodlí můžeme potřebovat seskupit několik rout do jedné složky tak, aby seskupující složka nevytvářela samostatný segment v URL.

K tomu je třeba název seskupující složky uzavřít do kulatých závorek. Podívejme se na příklad.

Předpokládejme, že pro URL /reg chceme vytvořit registraci a pro URL /log - autorizaci. Spojme složky odpovídající těmto URL do jedné společné složky s názvem (auth).

Tak získáme následující souborovou strukturu:

• /app//(auth)//reg/page.jsx/log/page.jsx

Vytvořme soubor pro registrační stránku:

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

Vytvořme soubor pro přihlašovací stránku:

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