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>;
}

Дарсда тавсифланган амалларни бажаринг. Ҳамма нарса кутганимиздек ишлашига ишонч ҳосил қилинг.