Grupimi i Rrugëve në NextJS

Ndonjëherë mund të na duhet për lehtësi të grupojmë disa rrugë në një dosje ashtu që dosja grupuese të mos krijojë një segment të veçantë në URL.

Për këtë, emri i dosjes grupuese duhet të vendoset në kllapa të rrumbullakëta. Le të shohim një shembull.

Le të themi që përmes URL /reg ne duam të bëjmë regjistrim, dhe përmes URL /log - autorizim. Le të grupojmë dosjet që korrespondojnë me këto URL në një dosje të përbashkët me emrin (auth).

Kështu, do të kemi strukturën e mëposhtme të skedarëve:

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

Le të krijojmë skedarin për faqen e regjistrimit:

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

Le të krijojmë skedarin për faqen e autorizimit:

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