Setting the file. One moment.
Skill 12 · Clerk Next.js Patterns
Subchapter 12.6
Also bundled
Evalstemplates/nextjs-basic-auth/app/layout.tsx
TypeScript22 lines565 B
import { ClerkProvider, Show, SignInButton, SignUpButton, UserButton } from '@clerk/nextjs'
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>
<ClerkProvider>
<header>
<Show when="signed-out">
<SignInButton />
<SignUpButton />
</Show>
<Show when="signed-in">
<UserButton />
</Show>
</header>
{children}
</ClerkProvider>
</body>
</html>
)
}