Agrupación de rutas en NextJS
A veces podemos necesitar para mayor comodidad agrupar varias rutas en una sola carpeta de modo que la carpeta de agrupación no cree un segmento separado en la URL.
Para esto, el nombre de la carpeta de agrupación debe ir entre paréntesis. Veamos un ejemplo.
Supongamos que en la URL /reg queremos hacer
el registro, y en la URL /log - la autorización.
Unamos las carpetas correspondientes a estas URL
en una carpeta común con el nombre (auth).
Así obtendremos la siguiente estructura de archivos:
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
Hagamos el archivo para la página de registro:
export default function Reg() {
return <h1>register</h1>;
}
Hagamos el archivo para la página de autorización:
export default function Log() {
return <h1>login</h1>;
}
Realice las manipulaciones descritas en la lección. Asegúrese de que todo funcione como se espera.
