Source from repo

Next.js Patterns

Advanced Clerk auth patterns for Next.js: Server Actions, middleware, caching, and App Router integration.

clerkGitHub clerkSource repo Original GitHub link Publisher page

Files

Skill

n/a

Size

25.0 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

templates/nextjs-basic-auth/app/layout.tsx

Syntax-highlighted preview of this file as included in the skill package.

Rendered Source

code23 linesFree

templates/nextjs-basic-auth/app/layout.tsx

1import { ClerkProvider, Show, SignInButton, SignUpButton, UserButton } from '@clerk/nextjs'
2 
3export default function RootLayout({ children }: { children: React.ReactNode }) {
4  return (
5    <html lang="en">
6      <body>
7        <ClerkProvider>
8          <header>
9            <Show when="signed-out">
10              <SignInButton />
11              <SignUpButton />
12            </Show>
13            <Show when="signed-in">
14              <UserButton />
15            </Show>
16          </header>
17          {children}
18        </ClerkProvider>
19      </body>
20    </html>
21  )
22}
23

Preparing the source view

Next.js Patterns

templates/nextjs-basic-auth/app/layout.tsx