stekatag / nextjs-auth-clerk

Next.js project with Clerk authentication, featuring sign-in, sign-up, and user profiles. Styled with Tailwind CSS for rapid, scalable web development.

Next.js Authentication with Clerk

Overview

This is a Next.js project bootstrapped with create-next-app, enhanced with Clerk for user authentication. It demonstrates the implementation of sign-in, sign-up, user profile management, and a dashboard with analytics.

Features

• User Sign-in
• User Sign-up
• User Profile Management
• Dashboard with Analytics (Mock Data)

Technology Stack

• Next.js
• Clerk for authentication
• Tailwind CSS
• Shadcn

Getting Started

To run the project locally:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Also, make sure to create a .env.local file in the root directory with the following environment variables:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=YOUR_CLERK_PUBLISHABLE_KEY
CLERK_SECRET_KEY=YOUR_CLERK_SECRET_KEY

Open http://localhost:3000 to view it in the browser.

Learn More

• Next.js Documentation
• Clerk Documentation
• Tailwind CSS Documentation
• Shadcn Documentation