The easiest way to add authentication and user management to your application. Purpose-built for React, Next.js, Remix, and The Modern Web.
The clerkMiddleware() helper integrates Clerk authentication into your Next.js application through Middleware. clerkMiddleware() is compatible with both the App and Pages routers.
A quickstart for Next.js App Router with Clerk authentication.
A minimal Clerk quickstart for Next.js App Router with a single combined sign-in-or-up page (no separate sign-up route).
A sign in page for Next.js App Router with Clerk authentication.
A sign up page for Next.js App Router with Clerk authentication.
A waitlist page for Next.js App Router with Clerk authentication.
The <ClerkProvider> component is required to integrate Clerk into your React application, providing session and user context to Clerk's hooks and components.
A header component with Clerk authentication buttons and user button.
A root layout component with Clerk provider, theme provider, and header.
A custom sign-up and sign-in onboarding flow using Clerk's useSignIn and useSignUp hooks with animated step transitions.
A multistep onboarding flow using Clerk's prebuilt <SignIn> component with embedded session tasks.
A theme provider component using next-themes for dark mode support.