我试图在我的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>
)
}
字符串
1条答案
按热度按时间piwo6bdm1#
你可以有多个布局在您的项目,如
的数据
这里红色下划线的布局是登录页面,绿色下划线的布局是带有侧边栏的主页。
github仓库:https://github.com/ng9000/notion-clone