Clerk Next.js Sign In Page (App Router)

PreviousNext

A sign in page for Next.js App Router with Clerk authentication.

Docs
clerkpage

Preview

Loading preview…
nextjs/aio/default/pages/sign-in-page.tsx
import { SignIn } from '@clerk/nextjs';

export default function SignInPage() {
  return (
    <div className='bg-muted flex w-full flex-1 items-center justify-center p-6 md:p-10'>
      <SignIn />
    </div>
  );
}

Installation

npx shadcn@latest add @clerk/nextjs-sign-in-page

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.