Agrupamento de Rotas no NextJS
Às vezes, podemos precisar agrupar várias rotas em uma única pasta por conveniência, de modo que a pasta de agrupamento não crie um segmento separado no URL.
Para isso, o nome da pasta de agrupamento deve ser colocado entre parênteses. Vamos ver um exemplo.
Suponha que para a URL /reg queremos fazer
o registro, e para a URL /log - a autorização.
Vamos unir as pastas correspondentes a essas URLs
em uma pasta comum com o nome (auth).
Assim, teremos a seguinte estrutura de arquivos:
- /app/
- /(auth)/
- /reg/
- page.jsx
- /log/
- page.jsx
- /reg/
- /(auth)/
Vamos criar o arquivo para a página de registro:
export default function Reg() {
return <h1>register</h1>;
}
Vamos criar o arquivo para a página de autorização (login):
export default function Log() {
return <h1>login</h1>;
}
Execute as manipulações descritas na lição. Certifique-se de que tudo funciona como o esperado.
