E-Commerce Admin Dashboard
A robust full-stack e-commerce admin dashboard built with Next.js 13 (App Router) and TypeScript, enabling secure store and product management, real-time analytics, and efficient order processing.
Project Gallery
Project Overview
This comprehensive E-Commerce Admin Dashboard is a full-stack application built on Next.js 13 with the App Router, providing a powerful and intuitive platform for managing online stores. It features a direct connection to a PostgreSQL database hosted on Neon, facilitated by Prisma ORM for seamless data interactions. Users can effortlessly create and configure their stores, with dedicated pages for 'Overview', 'Billboards', 'Categories', 'Sizes', 'Colors', 'Products', 'Orders', and 'Settings'. The dashboard empowers users with full CRUD (Create, Read, Update, Delete) functionality across most data entities, allowing for dynamic content management. Authentication is handled securely and efficiently by Clerk Auth. The user interface leverages Shadcn UI components for a modern look and feel, incorporating Recharts for insightful statistical visualizations on the 'Overview' page, and Tanstack React Table for organized data display, ensuring a smooth and productive administrative experience.
Key Features
- Secure user authentication powered by Clerk Auth
- Full CRUD operations for managing store data (billboards, categories, products, etc.)
- Real-time analytics and statistics displayed with Recharts on the dashboard overview
- Integrated data tables (Tanstack React Table) for efficient content management
- Direct connection to PostgreSQL database via Prisma ORM
- Scalable architecture built with Next.js 13 App Router and TypeScript
- Modern and customizable UI components from Shadcn UI
- Seamless integration with cloud image hosting via Next-Cloudinary
- Stripe integration context for order and payment management
- Exposed API endpoints for both public and administrative access for frontend consumption