Raggruppamento di rotte in NextJS

A volte potremmo aver bisogno di raggruppare più rotte in una singola cartella per comodità in modo che la cartella di raggruppamento non crei un segmento separato nell'URL.

Per fare ciò, il nome della cartella di raggruppamento deve essere racchiuso tra parentesi tonde. Diamo un'occhiata a un esempio.

Supponiamo che all'URL /reg vogliamo avere la registrazione, e all'URL /log - l'autorizzazione. Raggruppiamo le cartelle corrispondenti a questi URL in una cartella comune con nome (auth).

In questo modo otterremo la seguente struttura di file:

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

Creiamo il file per la pagina di registrazione:

export default function Reg() {
	return <h1>register</h1>;
}

Creiamo il file per la pagina di autorizzazione:

export default function Log() {
	return <h1>login</h1>;
}

Esegui le manipolazioni descritte nella lezione. Assicurati che tutto funzioni come previsto.