Clerk Next.js Sign In Page (App Router)

clerk/nextjs-sign-in-page

FreeBlock

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

Install it

npx shadcn@latest add https://clerk.com/r/nextjs-sign-in-page.json

Source

nextjs/aio/sign-in-page/page.tsxclerk.com/r/nextjs-sign-in-page.json

1import { SignIn } from '@clerk/nextjs';
2 
3export default function SignInPage() {
4  return (
5    <div className='bg-muted flex w-full flex-1 items-center justify-center p-6 md:p-10'>
6      <SignIn />
7    </div>
8  );
9}

What it pulls in

npm packages

@clerk/nextjs

Other registry items

button

Files it writes

nextjs/aio/sign-in-page/page.tsx

More from clerk

All 12 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Multistep Onboarding Flow (AIO)nextjs-aio-multistep-onboarding	clerk	Blocks	Free	5 deps · 6 files
Multistep Onboarding Flownextjs-custom-flows-multistep-onboarding	clerk	Blocks	Free	8 deps · 5 files
Layout with Headernextjs-layout-with-header	clerk	Blocks	Free	3 deps
Clerk Next.js Quickstart (App Router)nextjs-quickstart	clerk	Blocks	Free	3 deps · 3 files
Clerk Next.js Quickstart — Sign-in-or-up (App Router)nextjs-quickstart-sign-in-or-up	clerk	Blocks	Free	3 deps · 2 files
Clerk Next.js Sign Up Page (App Router)nextjs-sign-up-page	clerk	Blocks	Free	2 deps
Clerk Next.js Waitlist Page (App Router)nextjs-waitlist-page	clerk	Blocks	Free	1 dep