Welcome to Clerk Next.js App
This is a Next.js application with Clerk authentication integrated.
Getting Started
- Click the Sign In or Sign Up button in the header
- Complete the authentication process
- View your profile information below
- Explore the Clerk dashboard for more features
Authentication Status
You are not signed in
Use the buttons in the header to sign in or create an account
Next.js + Clerk Integration
This application demonstrates the correct integration of Clerk with Next.js App Router:
- ✅ Using
clerkMiddleware()in middleware.ts - ✅ Wrapped with
<ClerkProvider>in layout.tsx - ✅ Using Clerk components from
@clerk/nextjs - ✅ Following App Router patterns (not pages-based)