Групиране на маршрути в NextJS

Понякога може да ни се наложи за удобство да групираме няколко маршрута в една папка така, че групиращата папка да не създава отделен сегмент в URL адреса.

За целта името на групиращата папка трябва да бъде поставено в кръгли скоби. Нека разгледаме пример.

Нека по URL /reg искаме да направим регистрация, а по URL /log - автентикация. Нека обединим папките, съответстващи на тези URL адреси, в една обща папка с име (auth).

По този начин ще получим следната файлова структура:

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

Нека създадем файл за страницата за регистрация:

export default function Reg() {
	return <h1>register</h1>;
}

Нека създадем файл за страницата за автентикация:

export default function Log() {
	return <h1>login</h1>;
}

Направете описаните в урока манипулации. Уверете се, че всичко работи както се очаква.