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

Vamos criar o arquivo para a página de registro:

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

Vamos criar o arquivo para a página de autorização (login):

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