About this project

The project is an integrated system designed to function as an Admin Dashboard, serving the roles of Content Management System (CMS), Administration, and API provider. The main features of the project include the ability to manage multiple vendors through a single CMS, perform CRUD operations on billboards, categories, and products, and generate APIs for various use cases. The system also supports CRUD operations for filters (variants) such as Color and Size, enabling a comprehensive management of the available data.

Cloning the repository

https://github.com/Addisu87/ecommerce-admin.git

Running Locally

1 - Install dependencies using pnpm:

npm install

2- Copy .env.example to .env.local and update the variables.

cp .env.example .env.local

3-First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Connect to PlanetScale and Push Prisma

npx prisma generate
npx prisma db push

Open http://localhost:3000 with your browser to see the result.

Live Demo (if available)

• Store front Live Demo Link

• Admin Live Demo Link

Key Features

📁 New /app dir 🛣️ Routing, Layouts, Nested Layouts, and Layout Groups 🔄 Data Fetching, Caching, and Mutation ⏳ Loading UI 🚀 Route handlers 📄 Metadata files 🖥️ Server and Client Components 🌐 API Routes and Middlewares 🔐 Authentication using Clerk.js 🛠️ ORM using Prisma 🌍 Database on PlanetScale 🖌️ UI Components built using Shadcn UI 🔄 CRUD operations 🛡️ Zustand as state management library 🎨 Icon toolkit using lucide-react 🔄 Subscriptions (checkout, webhooks) using Stripe 🎨 Styled using Tailwind CSS ✅ Validations using Zod 📤 Uploading images using next-cloudinary 📊 Able to see orders, sales, etc. 📝 Written in TypeScript

👥 Authors

👤 Addisu Haile

• GitHub:
• Twitter:
• LinkedIn:

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

If you like this project give me a star.

🙏 Acknowledgments

I would like to thank Antonio Erdeljac.