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

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

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

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