在nextjs13上进行条件布局渲染时遇到问题

v6ylcynt  于 11个月前  发布在  其他
关注(0)|答案(1)|浏览(80)

我试图在我的nextjs 13应用程序上做一个rootLayout,问题是我想在每个页面上呈现一个侧边栏,但不是在我的auth页面(route:/auth)
问题是我不想让布局成为一个客户端组件,因为那会让所有组件都成为客户端组件。
根布局

export default function RootLayout({
  children,
  session
}: {
  children: React.ReactNode
  session: Session
}) {
  return (
    <html lang='en'>
      <body>
        <Providers session={session}>
          <div className='flex w-screen h-screen font-inter light'>
            <Sidebar />
            <AuthCheck />
            <main>{children}</main>
          </div>
        </Providers>
      </body>
    </html>
  )
}

字符串

piwo6bdm

piwo6bdm1#

你可以有多个布局在您的项目,如


的数据
这里红色下划线的布局是登录页面,绿色下划线的布局是带有侧边栏的主页。
github仓库:https://github.com/ng9000/notion-clone

相关问题