Gruparea rutelor în NextJS

Uneori, pentru comoditate, poate fi nevoie să grupăm mai multe rute într-un singur folder, astfel încât folderul de grupare să nu creeze un segment separat în URL.

Pentru a face acest lucru, numele folderului de grupare trebuie să fie pus între paranteze rotunde. Să ne uităm la un exemplu.

Să presupunem că pentru URL-ul /reg vrem să facem înregistrarea, iar pentru URL-ul /log - autentificarea. Să grupăm folderele corespunzătoare acestor URL-uri într-un folder comun cu numele (auth).

Astfel, vom obține următoarea structură de fișiere:

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

Să creăm fișierul pentru pagina de înregistrare:

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

Să creăm fișierul pentru pagina de autentificare:

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