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
- /reg/
- /(auth)/
Să creăm fișierul pentru pagina de înregistrare:
export default function Reg() {
return <h1>register</h1>;
}
Să creăm fișierul pentru pagina de autentificare:
export default function Log() {
return <h1>login</h1>;
}
Efectuați manipulările descrise în lecție. Asigurați-vă că totul funcționează așa cum este de așteptat.
