Training Example: Clerk – Review the Data, Give Your Score & Compare to the Real AI Evaluation

Clerk raises $50m Series CLearn more
[H1] More than authentication, Complete User Management
Need more than sign-in? Clerk gives you full stack auth and user management — so you can launch faster, scale easier, and stay focused on building your business.Start building for freeStart building for freeBuild with agentsTrusted by fast-growing companies around the world.
[IMG: Browserbase]
[IMG: Inngest]
[IMG: David AI]
[IMG: Browserbase]
[IMG: Braintrust]
[IMG: Durable]
[IMG: OpenRouter]
[IMG: Braintrust]
[IMG: Higgsfield]
[IMG: Upstash]
[IMG: Samaya AI]
[IMG: Higgsfield]
[IMG: Consensus]
[IMG: Cartesia]
[IMG: Consensus]
[H2] Clerk Components
Pixel-perfect UIs, embedded in minutesDrop-in UI components for authentication, profile management, organization management, and billing. Match to your brand with any CSS library, then deploy to your own domain.Explore all components
[H3] User Authentication
Add user <SignUp/> and <SignIn/>, provide account access through a dropdown menu, and manage profile and security settings.<SignUp /><SignIn /><UserButton /><UserProfile /><Waitlist />
[H3] B2B Authentication
Allow your users to create new organizations, switch between accounts, manage settings and billing, and view memberships and invitations.<CreateOrganization /><OrganizationSwitcher /><OrganizationProfile /><OrganizationList />
[H3] Billing
Display pricing plans with feature comparisons and subscription options to help your users choose the right plan for their needs.<PricingTable /><UserProfile />Billing<OrganizationProfile />Billing
[IMG: Clerk user button component displaying the profile picture of the signed-in user.]
[IMG: Clerk user button component expanded to display account switcher, manage account, and sign out options.]
[IMG: Clerk user profile component with options to manage profile and security settings.]
[IMG: Clerk user profile component with options to manage profile and security settings.]
[IMG: Clerk create organization component with input fields for logo, name, and slug.]
[IMG: Clerk pricing table component displaying the name, price, and features for a plan, with a button to subscribe.]
[IMG: Clerk waitlist component with an input field for email address and a button to join the waitlist.]
[IMG: Clerk sign up component with input fields for first name, last name, username, email, phone number, and password.]
[IMG: Clerk sign in component with options to authenticate using Google, GitHub, or email.]
[IMG: Clerk organization switcher component expanded to display a list of available organizations and a button to create a new organization.]
[IMG: Clerk organization profile component with options to manage the profile and member settings.]
[IMG: Clerk organization profile component with options to manage the profile and member settings.]
[IMG: Clerk organization list component showing a list of available organizations, with buttons to create a new organization or join an existing organization.]
[IMG: User avatar]
[IMG: User avatar]
Cameron Walkercameron.walker@gmail.comManage AccountSign out
[IMG: User avatar]
Cameron Walkercameron@work.comCWCameron Walkercameron@personal.comAdd accountSign out of all accountsSecured by
[IMG: Clerk user profile component with options to manage profile and security settings.]
[H2] Account
Manage your account info.ProfileSecurityBillingAPI keysSecured by
[H2] Profile details
Profile
[IMG: User avatar]
Cameron WalkerUpdate profileEmail Addressescameron@personal.comAdd email addressPhone number+1 (555) 123-4567Add phone numberConnected accountsGoogle·example@gmail.comConnect account
[H2] Create Organization
LogoUploadRecommended size 1:1, up to 10MB.NameOrganization nameSlug URLmy-orgCreate organizationSecured bySilverFor personal use$19.99$19.99/ monthBilled annuallyStart 14-day free trialHandmade Rubber FishHandmade Plastic CheeseIncredible Concrete ChairTasty Steel SoapFantastic Wooden ChipsCurrent plan
[H1] Join the waitlist
Enter your email address and we'll let you know when your spot is ready.
[H1] Thanks for joining the waitlist
We'll be in touch when your spot is readyEmail addressEnter your email addressJoin the waitlistAlready have access? Sign inSecured by
[H1] Create your account
Welcome! Please fill in the details to get started.Last usedContinue with GoogleContinue with GitHuborEmail addressLast usedEnter your email addressPasswordEnter your passwordContinueAlready have an account?Sign inSecured by
[H1] Sign in to your account
Welcome back! Please sign in to continueLast usedContinue with GoogleContinue with GitHuborEmail addressLast usedEnter your email addressContinueSecured byTest OrganizationTest OrganizationMemberManage
[IMG: User avatar]
Personal account
[IMG: User avatar]
Clerk AppAdminCreate organizationSecured by
[IMG: Clerk organization profile component with options to manage the profile and member settings.]
[H2] Organization
Manage your organizationGeneralMembersBillingAPI keysSecured by
[H2] General details
Organization profile
[IMG: Organization avatar]
Clerk Sample AppsUpdate profileVerified domainsAdd domainAllow users to join the organization automatically or request to join based on a verified email domain.Leave organizationLeave organizationDelete organizationDelete organization
[H1] Choose an account
Select the account with which you wish to continue.
[IMG: User avatar]
Personal account
[IMG: User avatar]
Clerk AppAdmin
[IMG: User avatar]
Clerk Sample AppsAdminRequest to joinClerk Sample AppsAdminJoinCreate organizationSecured by
[H2] User authentication
Everything you need for authenticationEver feel like authentication requirements change with the season? Clerk keeps up with the latest trends and security best practices.Explore user authentication
[H3] Multifactor Authentication
Each user's self-serve multifactor settings are enforced automatically during sign-in.
[H3] Fraud and Abuse Prevention
Reduce fraudulent sign-ups and free trial abuse by blocking high-risk disposable email domains and restricting the use of email subaddresses with the “+” separator.Fraudulent sign-ups detected14:09bad_actor+1@email.comBlocked Aug 4 at 14:09bad_actor+2@email.comBlocked Aug 4 at 14:10another.bad.actor@throwaway.comBlocked Aug 4 at 14:12bad_actor+3@email.comBlocked Aug 4 at 14:16
[H3] Advanced security
Clerk is SOC 2 type 2 compliant and CCPA compliant. We conduct regular third-party audits and penetration tests.
[H3] Session Management
Clerk manages the full session lifecycle, including critical security functionality like active device monitoring and session revocation.DeviceMacBook ProBrowserChromeLocationSan Francisco, CASign out of device
[H3] Social Sign-On
Add high-conversion Social Sign-on (SSO) to your application in minutes. 20+ options and growing.
[H3] Bot Detection
Dramatically reduce fraudulent sign-ups with built-in, continually updated machine learning.
[H3] Email and SMS one-time passcodes
Fast and reliable one-time passcode delivery with built-in brute force prevention.Security alertYour security passcode is 764676Phone1SMSBooksTVGoogleXNatWestClerk
[H3] Magic Links
Improve sign-up conversion rates and filter out spam/fraud with Magic Links.  Yb9WrnC5nFrvvzJoseph Colej.cole@⁠example.com
[H3] Passwords
Simple and secure password authentication, complete with breach detection and recovery options.
[H3] API Keys
Give every user secure, production-ready API keys without building any of the underlying boilerplate code or UI.Authenticating...
[H3] MCP Server
Add secure, consent-driven access to your app with Clerk's MCP Server, all backed by Clerk's authentication and authorization.
[H2] B2B Authentication
The easy solution to multi-tenancyClerk has all the features you need to onboard and manage the users and organizations of your multi-tenant SaaS application.Explore B2B features
[H3] Custom roles and permissions
Powerful primitives to fully customize your app's authorization story.Product MemberAdministratorEditorQA TesterOwnerEngineerMarketingHuman Resources
[H3] Auto-join
Let your users discover and join organizations based on their email domain.Auto-join
[H3] Invitations
Fuel your application's growth by making it simple for your customers to invite their team.Invite this person
[H3] Organization UI Components
Clerk's UI components add turn-key simplicity to complex Organization management tasks.ClerkBluth CompanyMr. ManagerDunder MifflinAsst (to the) Regional ManagerPersonal accountCreate organizationSecured by
[H2] Billing
Subscription billing, without the headacheAdd subscriptions to your B2C or B2B application without having to write payment code, custom UI, or wrangle webhooks. Just drop in React components and start earning recurring revenue.Here’s what you can do out of the box:Define and manage plansUnify user and subscription dataGate access to contentExplore Billing featuresAcme, Inc.ProductPricingIntegrationsBlogTailor made pricing from Acme, Inc.Free 365-day trial, no credit-card required.Starter Acme Plan$9/ monthBilled annuallyGet startedCustom brandingMobile app integrationDaily backupsCollaboration toolsBasic design file inspectionPro Acme Plan$19/ monthBilled annuallyGet startedEverything included in StarterUnlimited projects24/7 priority supportAdvanced analyticsCentralized admin toolsCheckoutStarter Acme Plan$9.00per monthTax$5.00Total Due TodayUSD$14.00Account FundsVisa ⋯ 4242Pay $14.00orAdd a New Payment SourcePay withMore Payment MethodsPayment was successful!Your new subscription is all set.Total paid$14.00Payment methodVisaPayment IDcinv-cpayer_393JW...J1938Go to app
[H2] Frameworks
Build with SDKs for modern frameworksClerk keeps developer experience front-and-center by providing helpful SDKs for most modern frameworks on web and mobile.All frameworksNext.jsReactExpoReact RouterTanStack React StartAstro
[H2] Integrations
Integrate with the tools you loveLeverage Clerk as the source of truth for your user data and integrate with the tools that you already depend on.All integrationsSupabaseConvexVercelTrusted around the worldJoin the customers and champions who trust Clerk. Free for your first 50,000 monthly retained users and 100 monthly retained orgs.Start building for freeClerk's integration gives Supabase developers another incredible option for handling authentication. And the Clerk team are a pleasure to work with.
[IMG: Quote from Paul Copplestone, Supabase, CEO]
Paul CopplestoneSupabase, CEOThe best practices built-in to their <SignIn /> and <UserButton /> components would take months to implement in-house, yet no sacrifice is made in terms of Enterprise extensibility or customization to your brand.
[IMG: Quote from Guillermo Rauch, Vercel, CEO]
Guillermo RauchVercel, CEOWe're big admirers of what the @clerk team are building and looking forward to working more closely with them.
[IMG: Quote from Patrick Collison, Stripe, CEO]
Patrick CollisonStripe, CEOThis is why I like using an auth service like Clerk.I rolled my own auth and this is the amount of code I needed just to setup 2 OAuth providers, magic link, credential login, account joining. I haven't even added forgot password flow yet, and my code is probably filled with vulnerabilities. btw, you don't need to remind me that Laravel has all of this out of the box, we all know already.
[IMG: Quote from WebDevCody, @webdevcody]
WebDevCody@webdevcodyThe @clerk CLI is really goodAuthentication used to be such a nightmare, but the CLI makes things very easy
[IMG: Quote from John Ennis, @johnennis]
John Ennis@johnennisSetting up authentication has always been a pain, even with agentic coding (plz never ask your agent to spin up your own custom auth).I really gotta give it to @clerk for providing the best/easiest integration to automatically set up auth for our users building applications on @predotdev .Shout out to @brkalow and the team for making this a seamless experience for our users.Both pre.dev and clerk.com are free to get started!
[IMG: Quote from Arjun Raj Jain, @ArjunRajJain]
Arjun Raj Jain@ArjunRajJainUsing @clerk for my new form building project. Building authentication would be this easy and fun. No tutorials needed, the docs are overkill trust me. Generous FREE teir ?
[IMG: Quote from Parth Gupta, @parthg1304]
Parth Gupta@parthg1304Was great though I didn't follow up with the SMS verification. Yeah, I used a webhook to connect Clerk with my Convex database. Next, I'll be building an online cloud storage website. I really love using Clerk , its simplicity is just mind-blowing.
[IMG: Quote from Drew?, @_ix_drew]
Drew?@_ix_drewBuilt the authentication for my boilerplate app using Clerk custom flows. Love having total control over the sign-in/sign-up flow! This video features a demo app, which I built using my boilerplate template.
[IMG: Quote from geluhorotan, @geluhorotan]
geluhorotan@geluhorotanI implemented authentication in my starter app using Clerk's custom flow setup, and it's been great having full flexibility over how users sign in and register. The video walks through a demo app built using my boilerplate template.
[IMG: Quote from ronald solticzki, @RSolticzki]
ronald solticzki@RSolticzkiI've used supabase auth, firebase auth and clerk.Had the most difficulties with clerk, but once I get into it it works great. Using Clerk only now
[IMG: Quote from Clim Stefan, @climstefan]
Clim Stefan@climstefanBest auth solution for startups?1) Clerk2) Firebase Auth3) Supabase4) Custom auth (?)Stop copy-pasting tutorials and pick one. Stick with it.
[IMG: Quote from Kritika, @kritikakodes]
Kritika@kritikakodesWhat's the best auth for SaaS?1. Clerk2. Auth03. Supabase Auth4. Custom AuthStop copy-pasting tutorials and pick one. Stick with it.
[IMG: Quote from Sick, @sickdotdev]
Sick@sickdotdevclerk is best auth, btw
[IMG: Quote from Naman?, @web3naman]
Naman?@web3namanBefore moving to @clerk, we had working authAfter moving to Clerk, we also have:- Mobile support- Auth on Vercel preview domains- OAuth tokens that actually refresh- Middleware-level auth validation (no more "sign in" button flash!)- Organizations with built-in UI for adding users- Google OAuth UI compliance (we were rejected for this for months, obnoxious)...
[IMG: Quote from Theo - t3.gg, @theo]
Theo - t3.gg@theo

[H1] Welcome to Clerk Docs
Clerk offers a variety of guides to help you build and work with Clerk. These guides cover a broad range of topics, from authentication flows and user management to security, Billing, and deployment.
Find the right guide for your needs, whether you're just getting started or looking to implement advanced features.
[H2] Quickstarts & Tutorials
Explore our end-to-end tutorials and getting started guides for different application stacks using Clerk.
[H2] UI Components
Clerk's prebuilt UI components give you a beautiful, fully-functional user management experience in minutes.
[H2] SDK Reference
Dig into our SDK reference documentation. We have everything you need to get started setting up authentication with Clerk.
[H2] Customizing Clerk
Customize Clerk's UI components, email templates, and other aspects of the user experience to match your application's branding and user interface.
[H2] Quickstarts & Tutorials
Explore our end-to-end tutorials and getting started guides for different application stacks using Clerk.
[H2] Views
Clerk's prebuilt Views give you a beautiful, fully-functional user management experience in minutes.
[H2] SDK Reference
Dig into our SDK reference documentation. We have everything you need to get started setting up authentication with Clerk.
[H2] Customizing Clerk
Customize Clerk's views, email templates, and other aspects of the user experience to match your application's branding and user interface.
[H2] Explore by feature
[H3] Authentication
Clerk supports multiple authentication strategies so you can implement the strategy that makes sense for your users.
[H3] User management
Complete user management. Add sign up, sign in, and profile management to your application in minutes.
[H3] Organizations
Organizations are shared accounts, useful for project and team leaders. Members with elevated privileges can manage member access to the Organization's data and resources.
[H3] Billing
Set up and manage Billing for B2C and B2B applications, including free trials, Subscription Plans, payments, and webhook events.
[H3] Waitlist
Collect signups and control access to new features or products before launch, with a simple, integrated workflow for developers.
[H2] Explore by frontend framework
[H3] Next.js
Easily add secure, beautiful, and fast authentication to Next.js with Clerk.
[H3] React
Get started installing and initializing Clerk in a new React + Vite app.
[H3] Expo
Use Clerk with Expo to authenticate users in your React Native application.
[H3] TanStack React Start
Easily add secure and SSR-friendly authentication to your TanStack React Start application with Clerk.
[H3] React Router
Easily add secure, edge- and SSR-friendly authentication to React Router with Clerk.
[H3] Android
Use the Clerk Android SDK to authenticate users in your native Android applications.
[H3] Astro
Easily add secure and SSR-friendly authentication to your Astro application with Clerk.
[H3] Chrome Extension
Use the Chrome Extension SDK to authenticate users in your Chrome extension.
[H3] iOS
Use the Clerk iOS SDK to authenticate users in your native Apple applications.
[H3] JavaScript
The Clerk JavaScript SDK gives you access to prebuilt components and helpers to make user authentication easier.
[H3] Nuxt
Easily add secure, beautiful, and fast authentication to Nuxt with Clerk.
[H3] Vue
Get started installing and initializing Clerk in a new Vue + Vite app.
[H2] Explore by backend framework
[H3] Express
Quickly add authentication and user management to your Express application.
[H3] C#
The Clerk C# SDK is a wrapper around our Backend API to make it easier to integrate Clerk into your backend.
[H3] Fastify
Build secure authentication and user management flows for your Fastify server.
[H3] Go
The Clerk Go SDK is a wrapper around the Backend API written in Golang to make it easier to integrate Clerk into your backend.
[H3] Java
The Clerk Java SDK is a wrapper around the Backend API to make it easier to integrate Clerk into your backend.
[H3] PHP
The Clerk PHP SDK is a wrapper around the Backend API to make it easier to integrate Clerk into your backend.
[H3] Python
The Clerk Python SDK is a wrapper around the Backend API written in Python to make it easier to integrate Clerk into your backend.
[H3] Ruby on Rails
Integrate authentication and user management into your Ruby application.
[H2] Build with community-maintained SDKs
[H3] Angular
Visit the community-maintained repository to learn how to integrate Clerk into your Angular application.
[H3] Elysia
Visit the community-maintained plugin for integrating Clerk with Elysia.
[H3] Hono
Visit the community-maintained repository to learn how to integrate Clerk into your Hono application.
[H3] Koa
Visit the community-maintained repository to learn how to integrate Clerk into your Koa application.
[H3] Rust
Visit the community-maintained Rust SDK to integrate Clerk with Rust.
[H3] SolidJS
Visit the community-maintained repository to learn how to integrate Clerk into your SolidJS application.
[H3] Svelte
Visit the community-maintained adapter for integrating Clerk with SvelteKit.
[H3] Tauri
Visit the community-maintained plugin to learn how to integrate Clerk into your Tauri application.
[H2] Beyond the basics
[H3] Securing your application
Enhance the security of your application with access control, authorization checks, session options, MFA, password policies, bot protection, and compliance tools.
[H3] Database integrations
Enable Clerk-managed users to authenticate and interact directly with your database with Clerk's integrations.
[H3] Development
Build and maintain your app with environment management, custom auth flows, third-party integrations, testing, deployment, and API requests.
[H3] Clerk Dashboard
Configure your instance, manage settings, and monitor usage from the Clerk Dashboard.
[H3] SDKs
Clerk's SDKs allow you to call the Clerk server API without having to implement the calls yourself.
[H3] How Clerk works
Understand the underlying concepts and technologies that power Clerk, including authentication protocols, token management, and security practices.
[H2] Learn the concepts
[IMG: What is Clerk authentication visual]
[IMG: What is Clerk authentication visual]
[H3] What is Clerk authentication?
Clerk offers multiple authentication strategies to identify legitimate users of your application, and to allow them to make authenticated requests to your backend.
[IMG: User object visual]
[IMG: User object visual]
[H3] What is the "User" object?
The User object contains all account information that describes a user of your app in Clerk. Users can authenticate and manage their accounts, update their personal and contact info, or set up security features for their accounts.
[IMG: Organizations visual]
[IMG: Organizations visual]
[H3] How do Organizations work?
Organizations allow members to collaborate across shared resources. Each member of an Organization needs to have a user account in your application. All Organization members have access to most of the Organization resources, but some members can take advantage of administrative features.
[IMG: Discord logo]
[IMG: Discord logo]
[H2] Join the Discord community
Join the official Discord community to connect with other developers.Join DiscordJoin Discord
[H2] Need help?
Contact the support team to get answers to your questions.Get helpGet help
[H2] Feedback
Last updated on Jun 15, 2026Edit on GitHub

[H1] Next.js Quickstart (App Router)
Create a new Next.js appInstall @clerk/nextjsSet your Clerk API keysAdd clerkMiddleware() to your appAdd <ClerkProvider> and Clerk components to your appRun your projectCreate your first userNext stepsAvailable in other SDKsUse this pre-built prompt to get started faster.Open in CursorOpen in CursorOpen in CursorOpen in CursorCopy promptCopy promptCopy promptCopy prompt
[H2] Example repository
Next.js App Router Quickstart Repo
[H2] Create a new Next.js app
If you don't already have a Next.js app, run the following commands to create a new one⁠.npmpnpmyarnbunnpm create next-app@latest clerk-nextjs -- --yes
cd clerk-nextjs
npm installpnpm create next-app clerk-nextjs --yes
cd clerk-nextjs
pnpm installyarn create next-app clerk-nextjs --yes
cd clerk-nextjs
yarn installbunx create-next-app clerk-nextjs --yes
cd clerk-nextjs
bun install
[H2] Install @clerk/nextjs
The Clerk Next.js SDK gives you access to prebuilt components, hooks, and helpers to make user authentication easier.Run the following command to install the SDK:npmpnpmyarnbunnpm install @clerk/nextjspnpm add @clerk/nextjsyarn add @clerk/nextjsbun add @clerk/nextjs
[H2] Set your Clerk API keys
Add the following keys to your .env file. These keys can always be retrieved from the API keys⁠ page in the Clerk Dashboard..envNEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=YOUR_PUBLISHABLE_KEY
CLERK_SECRET_KEY=YOUR_SECRET_KEY
[H2] Add clerkMiddleware() to your app
clerkMiddleware() grants you access to user authentication state throughout your app. It also allows you to protect specific routes from unauthenticated users. To add clerkMiddleware() to your app, follow these steps:ImportantIf you're using Next.js ≤15, name your file middleware.ts instead of proxy.ts. The code itself remains the same; only the filename changes.
Create a proxy.ts file.
If you're using the /src directory, create proxy.ts in the /src directory.
If you're not using the /src directory, create proxy.ts in the root directory.
In your proxy.ts file, export the clerkMiddleware() helper:
proxy.tsimport { clerkMiddleware } from '@clerk/nextjs/server'
export default clerkMiddleware()
export const config = {
matcher: [
// Skip Next.js internals and all static files, unless found in search params
'/((?!_next|[^?]*\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)',
// Always run for API routes
'/(api|trpc)(.*)',
// Always run for Clerk-specific frontend API routes
'/__clerk/(.*)',
],
}
By default, clerkMiddleware() will not protect any routes. All routes are public and you must opt-in to protection for routes. See the clerkMiddleware() reference to learn how to require authentication for specific routes.
[H2] Add <ClerkProvider> and Clerk components to your app
The <ClerkProvider> component provides session and user context to Clerk's hooks and components. It's recommended to wrap your entire app at the entry point with <ClerkProvider> to make authentication globally accessible. See the reference docs for other configuration options.Copy and paste the following code into your layout.tsx file. This:
Adds the <ClerkProvider> component to your app's layout, providing Clerk's authentication context to your app.
Creates a header with Clerk's prebuilt components to allow users to sign in and out, and display different content for signed-in and signed-out users.
app/layout.tsximport type { Metadata } from 'next'
import { ClerkProvider, Show, SignInButton, SignUpButton, UserButton } from '@clerk/nextjs'
import { Geist, Geist_Mono } from 'next/font/google'
import './globals.css'
14 lines collapsedconst geistSans = Geist({
variable: '--font-geist-sans',
subsets: ['latin'],
})
const geistMono = Geist_Mono({
variable: '--font-geist-mono',
subsets: ['latin'],
})
export const metadata: Metadata = {
title: 'Clerk Next.js Quickstart',
description: 'Generated by create next app',
}
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode
}>) {
return (
<html lang="en">
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
<ClerkProvider>
<header className="flex justify-end items-center p-4 gap-4 h-16">
<Show when="signed-out">
<SignInButton />
<SignUpButton>
<button className="bg-[#6c47ff] text-white rounded-full font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 cursor-pointer">
Sign Up
</button>
</SignUpButton>
</Show>
<Show when="signed-in">
<UserButton />
</Show>
</header>
{children}
</ClerkProvider>
</body>
</html>
)
}This example uses the following components:
<Show when="signed-in">: Children of this component can only be seen while signed in.
<Show when="signed-out">: Children of this component can only be seen while signed out.
<UserButton />: Shows the signed-in user's avatar. Selecting it opens a dropdown menu with account management options.
<SignInButton />: An unstyled component that links to the sign-in page. In this example, since no props or environment variables are set for the sign-in URL, this component links to the Account Portal sign-in page.
<SignUpButton />: An unstyled component that links to the sign-up page. In this example, since no props or environment variables are set for the sign-up URL, this component links to the Account Portal sign-up page.
[H2] Run your project
Run your project with the following command:npmpnpmyarnbunnpm run devpnpm run devyarn devbun run dev
[H2] Create your first user
Visit your app's homepage at http://localhost:3000⁠.
Select "Sign up" on the page and authenticate to create your first user.
ImportantTo make configuration changes to your Clerk development instance, claim the Clerk keys that were generated for you by selecting Configure your application in the bottom right of your app. This will associate the application with your Clerk account.
[H2] Next steps
Learn more about Clerk components, how to build custom authentication flows, and how to use Clerk's client-side helpers using the following guides.
[H3] Prebuilt components
Learn how to quickly add authentication to your app using Clerk's suite of components.
[H3] Create a custom sign-in-or-up page
Learn how to create a custom sign-in-or-up page with Clerk components.
[H3] Protect content and read user data
Learn how to use Clerk's hooks and helpers to protect content and read user data in your Next.js app.
[H3] Get started with Organizations
Learn how to create and manage Organizations in your Next.js app.
[H2] Feedback
Last updated on Jun 15, 2026Edit on GitHub

[H1] The easiest way to build user authentication
Increase conversions, secure users, and easily manage your authentication flow. All out-of-the-box.Start buildingStart building
[H3] SOC 2
Your customer data is protected to the highest security and compliance standards.
[H3] HIPAA
HIPAA-compliant for safely storing your most sensitive user data.
[H3] Brute force detection
Clerk automatically detects and blocks brute force attacks, so you don't have to.
[H3] Password leak protection
Set password rules and detect leaked passwords with HaveIBeenPwned. Sign in with Google
[H4] Convert faster with SSO
Social SSO averages 1.3 times faster than passwords, and 5.2 times faster than magic links.
[H4] One-click integration
Clerk handles the edge cases of SSO, so users get instant access.
[H4] Pick your providers
Clerk supports a growing range of Social SSO providers. If you need one that's not listed, ask here.
[H4] Automatic account linking
If a user signs in with SSO after creating their account a different way, their accounts are automatically linked. Stop 99.9% of account takeoversKeep your users safe with a range of MFA options.
[H4] SMS Passcodes
Verify users with a one-time code.
[H4] Authenticator apps (TOTP)
Verify identity with time-based one-time passwords.
[H4] Hardware keys
Let users authenticate with a physical hardware key.
[H4] Recovery codes
Ensure account access when other authentication methods are unavailable. Convert your users to your product in secondsEliminate forgotten passwords and credential stuffing attacks.
[H4] Social SSO
Enable sign-in across platforms using an existing trusted social account.
[H4] Magic Links
Support passwordless sign-in via a secure link sent straight to the inbox.
[H4] One-time passwords
Send users a one-time code to their email inbox, or to their phone via SMS.
[H4] Passkeys
Enable passwordless sign-in with built-in device biometrics
[H2] Do more with your dashboard
Easily configure and manage your authentication flow with the Clerk dashboard.Track new sign-ups, activity and retentionManage user sessionsConfigure fraud protectionsEasily set up SAML & OIDCdashboard.clerk.comOverviewDate RangeLast 3 monthsIntervalWeeklyUsersOrgsActive this week6,132Week of May 11thNew this week238Week of May 11thReactivated this week856Week of May 11thRetained this week5,038Week of May 11thNewReactivatedRetainedRetained churnedReactivated churnedNew churned8k6k4k2k0-2kMar 2Mar 9Mar 16Mar 23Nov 10Mar 30Apr 6Apr 13Apr 20Apr 27May 4May 11
[H2] Security, privacy, and compliance in one tool
Enterprise-grade reassurance for everything you build.
[H3] Advanced session management
Clerk manages the full session lifecycle - starting the session, authenticating requests while active, and terminating it upon expiration or revocation.DeviceMacBook ProBrowserChromeLocationSan Francisco, CASign out of device
[H3] Compliance
Clerk is SOC 2 type certified, GDPR & CCPA compliant, and conducts regular third-party audits and pen testing.
[H3] Password breach protection
Configure custom password policies and automatically detect leaked passwords via HaveIBeenPwned.
[H3] Brute force detection
Clerk automatically detects and blocks brute force attacks.Fraudulent sign-ups detected14:09bad_actor+1@email.comBlocked Aug 4 at 14:09bad_actor+2@email.comBlocked Aug 4 at 14:10another.bad.actor@throwaway.comBlocked Aug 4 at 14:12bad_actor+3@email.comBlocked Aug 4 at 14:16Trusted around the worldJoin the customers and champions who trust Clerk. Free for your first 50,000 monthly retained users and 100 monthly retained orgs.Start building for freeClerk's integration gives Supabase developers another incredible option for handling authentication. And the Clerk team are a pleasure to work with.
[IMG: Quote from Paul Copplestone, Supabase, CEO]
Paul CopplestoneSupabase, CEOThe best practices built-in to their <SignIn /> and <UserButton /> components would take months to implement in-house, yet no sacrifice is made in terms of Enterprise extensibility or customization to your brand.
[IMG: Quote from Guillermo Rauch, Vercel, CEO]
Guillermo RauchVercel, CEOWe're big admirers of what the @clerk team are building and looking forward to working more closely with them.
[IMG: Quote from Patrick Collison, Stripe, CEO]
Patrick CollisonStripe, CEOThis is why I like using an auth service like Clerk.I rolled my own auth and this is the amount of code I needed just to setup 2 OAuth providers, magic link, credential login, account joining. I haven't even added forgot password flow yet, and my code is probably filled with vulnerabilities. btw, you don't need to remind me that Laravel has all of this out of the box, we all know already.
[IMG: Quote from WebDevCody, @webdevcody]
WebDevCody@webdevcodyThe @clerk CLI is really goodAuthentication used to be such a nightmare, but the CLI makes things very easy
[IMG: Quote from John Ennis, @johnennis]
John Ennis@johnennisSetting up authentication has always been a pain, even with agentic coding (plz never ask your agent to spin up your own custom auth).I really gotta give it to @clerk for providing the best/easiest integration to automatically set up auth for our users building applications on @predotdev .Shout out to @brkalow and the team for making this a seamless experience for our users.Both pre.dev and clerk.com are free to get started!
[IMG: Quote from Arjun Raj Jain, @ArjunRajJain]
Arjun Raj Jain@ArjunRajJainUsing @clerk for my new form building project. Building authentication would be this easy and fun. No tutorials needed, the docs are overkill trust me. Generous FREE teir ?
[IMG: Quote from Parth Gupta, @parthg1304]
Parth Gupta@parthg1304Was great though I didn't follow up with the SMS verification. Yeah, I used a webhook to connect Clerk with my Convex database. Next, I'll be building an online cloud storage website. I really love using Clerk , its simplicity is just mind-blowing.
[IMG: Quote from Drew?, @_ix_drew]
Drew?@_ix_drewBuilt the authentication for my boilerplate app using Clerk custom flows. Love having total control over the sign-in/sign-up flow! This video features a demo app, which I built using my boilerplate template.
[IMG: Quote from geluhorotan, @geluhorotan]
geluhorotan@geluhorotanI implemented authentication in my starter app using Clerk's custom flow setup, and it's been great having full flexibility over how users sign in and register. The video walks through a demo app built using my boilerplate template.
[IMG: Quote from ronald solticzki, @RSolticzki]
ronald solticzki@RSolticzkiI've used supabase auth, firebase auth and clerk.Had the most difficulties with clerk, but once I get into it it works great. Using Clerk only now
[IMG: Quote from Clim Stefan, @climstefan]
Clim Stefan@climstefanBest auth solution for startups?1) Clerk2) Firebase Auth3) Supabase4) Custom auth (?)Stop copy-pasting tutorials and pick one. Stick with it.
[IMG: Quote from Kritika, @kritikakodes]
Kritika@kritikakodesWhat's the best auth for SaaS?1. Clerk2. Auth03. Supabase Auth4. Custom AuthStop copy-pasting tutorials and pick one. Stick with it.
[IMG: Quote from Sick, @sickdotdev]
Sick@sickdotdevclerk is best auth, btw
[IMG: Quote from Naman?, @web3naman]
Naman?@web3namanBefore moving to @clerk, we had working authAfter moving to Clerk, we also have:- Mobile support- Auth on Vercel preview domains- OAuth tokens that actually refresh- Middleware-level auth validation (no more "sign in" button flash!)- Organizations with built-in UI for adding users- Google OAuth UI compliance (we were rejected for this for months, obnoxious)...
[IMG: Quote from Theo - t3.gg, @theo]
Theo - t3.gg@theo