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

पाठ में बताए गए हेरफेर करें। सुनिश्चित करें कि सब कुछ अपेक्षा के अनुरूप काम करता है।