Next.js & nextUI and Clerk template

This is a template for creating applications using Next.js 13 (app directory),NextUI (v2) and Clerk for Authentication with Mock hero section and protected routes.

Technologies Used

• Next.js 13
• NextUI v2
• Tailwind CSS
• Tailwind Variants
• TypeScript
• Framer Motion
• next-themes
• Clerk

How to Use

git clone the template

git clone https://github.com/Redoxahmii/NextJS-NextUI-Clerk-template

Install dependencies

npm install

After installation Create an account on Clerk and copy the authentication tokens provided.

Create an .env file and paste your tokens inside the fields and also add the routes underneath.

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_....
CLERK_SECRET_KEY=sk_test_....


//clerk routes

NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

Run the development server

npm run dev

Have Fun Coding

Enjoy working with this template, and feel free to customize it to suit your project's needs.