Групиране на маршрути в 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>;
}