Груписање рута у NextJS

Понекад нам може требати да, ради практичности, групишемо више рута у један фолдер тако да групишући фолдер не креира засебан сегмент у URL-у.

За то име групишућег фолдера треба ставити у заграде. Хајде да погледамо пример.

Нека за URL /reg желимо да направимо регистрацију, а за URL /log - ауторизацију. Хајде да спојимо фолдере, који одговарају овим URL-овима, у један заједнички фолдер са именом (auth).

Тако ћемо добити следећу фајл структуру:

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

Направимо фајл за страницу регистрације:

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

Направимо фајл за страницу ауторизације:

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