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