App Router లో లేআউట్‌లు ఏమిటి? – Next.js · IT ఇంటర్వ్యూ ప్రాక్టీస్

App Router లో లేআউట్‌లు ఏమిటి?

లేআউట్ అనేది అనేక పేజీలను చుట్టుముట్టే మరియు నావిగేషన్ అంతటా సంరక్షించబడిన భాగస్వామ్య UI — మీరు చిన్న మార్గాల మధ్య తరలించినప్పుడు అది పునः రెండర్ చేయబడదు లేదా స్థితిని కోల్పోదు. మీరు layout.tsx ఫైల్‌తో దాన్ని నిర్వచించండి.

రూట్ లేআউట్ (అవసరమైన)

tsx


   () {
   (
    
  );
}

text

app/layout.tsx                 → wraps everything (header/footer)
app/dashboard/layout.tsx       → wraps all /dashboard/* pages (adds a sidebar)
app/dashboard/settings/page.tsx → rendered inside BOTH layouts

tsx

// app/dashboard/layout.tsx — only wraps dashboard routes
export default function DashboardLayout({ children }) {
  return (
    <div className="flex">
      <Sidebar />          {/* stays mounted as you move within /dashboard */}
      <main>{children}</main>
    </div>
  );
}

App Router లో లేআউట్‌లు ఏమిటి?

రూట్ లేআউట్ (అవసరమైన)

నెస్టెడ్ లేআউట్‌లు

సంరక్షణ ఎందుకు ముఖ్యమైనది

లేআউట్ vs టెంప్లేట్

ఇది ఎందుకు ముఖ్యమైనది

సంబంధిత ప్రశ్నలు