{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "nextjs-quickstart", "title": "Clerk Next.js Quickstart (App Router)", "description": "A quickstart for Next.js App Router with Clerk authentication.", "dependencies": [ "@clerk/nextjs", "@clerk/ui", "next-themes" ], "registryDependencies": [ "button", "@clerk/nextjs-clerk-provider", "@clerk/nextjs-middleware", "@clerk/nextjs-theme-provider", "@clerk/nextjs-header", "@clerk/nextjs-layout-with-header" ], "files": [ { "path": "nextjs/common/layout-with-header/layout-with-header.tsx", "content": "import { ClerkProvider } from '@/components/clerk-provider';\nimport { Header } from '@/components/header';\nimport { ThemeProvider } from '@/components/theme-provider';\nimport type { Metadata } from 'next';\nimport { Geist, Geist_Mono } from 'next/font/google';\nimport { cn } from '@/lib/utils';\nimport './globals.css';\n\nconst geist = Geist({\n variable: '--font-sans',\n subsets: ['latin'],\n});\n\nconst geistMono = Geist_Mono({\n variable: '--font-mono',\n subsets: ['latin'],\n});\n\nexport const metadata: Metadata = {\n title: 'Clerk Next.js Quickstart',\n description: 'Generated by create next app',\n};\n\nexport default function RootLayout({\n children,\n}: Readonly<{\n children: React.ReactNode;\n}>) {\n return (\n \n \n \n \n

\n {children}\n \n \n \n \n );\n}\n", "type": "registry:page", "target": "app/layout.tsx" }, { "path": "nextjs/aio/sign-in-page/page.tsx", "content": "import { SignIn } from '@clerk/nextjs';\n\nexport default function SignInPage() {\n return (\n

\n \n

\n );\n}\n", "type": "registry:page", "target": "app/sign-in/[[...sign-in]]/page.tsx" }, { "path": "nextjs/aio/sign-up-page/page.tsx", "content": "import { SignUp } from '@clerk/nextjs';\nimport { ChartLine, Clock, ShieldCheck, Sparkles } from 'lucide-react';\n\nexport default function SignUpPage() {\n return (\n

\n
\n \n
Save on development time
\n
\n
\n Add authentication and user management to your app with just a few lines of code.\n
\n
\n
\n \n
Increase engagement
\n
\n
\n Add intuitive UIs designed to decrease friction for your users.\n
\n
\n
\n \n
Protect your users
\n
\n
\n Enable features like two-step verification and enjoy automatic security updates.\n
\n
\n
\n \n
Match your brand
\n
\n
\n Theme our pre-built components, or integrate with our easy-to-use APIs.\n
\n

\n \n

\n );\n}\n", "type": "registry:page", "target": "app/sign-up/[[...sign-up]]/page.tsx" } ], "css": { "@import \"@clerk/ui/themes/shadcn.css\"": {} }, "envVars": { "NEXT_PUBLIC_CLERK_SIGN_IN_URL": "/sign-in", "NEXT_PUBLIC_CLERK_SIGN_UP_URL": "/sign-up" }, "docs": "https://clerk.com/docs/quickstarts/nextjs", "type": "registry:block" }