NextJS-ում ռուտերի խմբավորում

Երբեմն հարմարության համար մեզ կարող է անհրաժեշտ լինել մի քանի ռուտեր խմբավորել մեկ պանակում այնպես, որ խմբավորող պանակը չստեղծի առանձին սեգմենտ URL-ում:

Դրա համար խմբավորող պանակի անունը պետք է վերցնել կլոր փակագծերի մեջ: Դիտարկենք օրինակով:

Ենթադրենք, որ /reg URL-ով մենք ցանկանում ենք կատարել գրանցում, իսկ /log URL-ով՝ մուտք գործել: Եկեք միավորենք այս 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>;
}

Կատարեք դասում նկարագրված մանիպուլյացիաները: Համոզվեք, որ ամեն ինչ աշխատում է, ինչպես սպասվում է: