/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.

Primary LanguageTypeScript

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