Back to Templates

Clerk Authentication Starter

Next.js + Clerk Auth with sign-in, sign-up, and user management components.

View Demo
FrameworkNext.js
AuthenticationClerk
Next.js + Clerk Auth with sign-in, sign-up, and user management components.

Clerk Authentication Starter

This template is an example template based on Clerk Authentication and Next.js static generation.

Clerk Configuration

Register on Clerk and create a new project. Go to the Dashboard and copy the CLERK_PUBLISHABLE_KEY for later use.

Environment Variables

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=${your CLERK_PUBLISHABLE_KEY}
// The following paths are fixed in this project
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/account
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/account

Local Development

Install dependencies: npm install Local development: npm run build