Dashboard

The dashboard to control products, billboards, orders etc. in eCommerce websites

🛠️ Stack

Tech stack

Next.js 13, TypeScript, Zustand, Tailwind, Clerk, Shadcn/ui, MySQL

Resources

Vercel, PlanetScale

Architecture diagram

🔧 How to run a project localy

Dependencies recovery

Since node_modules are not in repository , you need to recover it. You can do it with npm i

To start application

Start with npm run dev

Environment variable that you have to provide

Create .env file and provide following variables :

• NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY : get your publishable key here
• CLERK_SECRET_KEY : get your secret key here
• NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in : to provide the route for your sign-in page fro clerk
• NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up : to provide the route for your sign-up page fro clerk
• NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/ : route where you will be redirected after sign-in
• DATABASE_UR : url you will get after creating database at PlanetScale
• NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME : name you will be able to find in your cloudinary dashboard after you sign-up/sign-in
• FRONTEND_STORE_URL : url of your frontend
• STRIPE_API_KEY = stripe api secret key.
• STRIPE_WEBHOOK_SECRET = webhook secret key that you can get key here

Contacts :

📨 Email
📱 Telegram