NextJS में डिफ़ॉल्ट लेआउट

पिछले पाठ में हमने जाना कि, हमारे पास साइट का एक सामान्य लेआउट होना चाहिए, जिसमें सामग्री, पेज का शीर्षक और मेटा विवरण डाला जाता है। NextJS में पहले से ही डिफ़ॉल्ट रूप से साइट के सामान्य लेआउट वाली एक फ़ाइल होती है। यह app/layout.jsx फ़ाइल में स्थित है।

इंस्टॉलेशन के बाद लेआउट फ़ाइल में कुछ कोड पहले से ही मौजूद होता है। हालाँकि, इस कोड में बहुत सारा अतिरिक्त सामान होता है। आइए साइट का एक न्यूनतम लेआउट बनाएं, जिसे समझना आसान हो। इसके लिए लेआउट वाली फ़ाइल खोलें, उससे सब कुछ हटा दें और निम्नलिखित डालें:

app/layout.jsxexport const metadata = {
  title: 'Test site',
  description: 'This is my page description.',
};

export default function RootLayout({children}) {
  return (
    <html lang="en">
      <body>
        {children}
      </body>
    </html>
  );
}