Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL.

---

SINCE PLANETSCALE DECIDED TO REMOVE THEIR HOBBY PLAN MY DEMO WONT WORK IF YOU WANT TO CREATE AN LOCAL DB YOU CAN SEE SQL TABLES INSIDE PRISMA FOLDER

---

This is a repository for a Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL

Make sure that you have Full Stack E-Commerce Admin Setup First and set your NEXT_PUBLIC_API_URL in .env according to it.

Key Features:

• The admin interface will be built using Shadcn UI, providing a user-friendly design.
• The admin dashboard serves multiple functions, including CMS, admin management, and API handling.
• Through this unified CMS, you can easily manage various vendors and their stores. For instance, you can oversee a "Shoe store," a "Laptop store," and a "Suit store," with dedicated API routes generated for each.
• Full control over categories: creation, updating, and deletion.
• Effortlessly manage products with options for creation, updating, and deletion.
• Enjoy the flexibility of uploading and changing multiple product images whenever needed.
• Conveniently create, modify, and delete filters like "Color" and "Size," seamlessly integrated into the product creation process.
• Craft, edit, and remove attention-grabbing "Billboards" – prominent text sections atop pages. These can be linked to specific categories or used independently, with corresponding API generation in the admin panel.
• Conduct comprehensive searches across categories, products, sizes, colors, and billboards, all with built-in pagination for convenience.
• Showcase certain products on the homepage by designating them as "featured."
• Gain insights into your business operations, including order tracking and sales data.
• Visualize your revenue and other metrics through intuitive graphs and charts.
• Acquire proficiency in Clerk Authentication for enhanced security.
• Seamlessly manage order creation, ensuring a smooth customer experience.
• Implement Stripe checkout for secure and efficient payment processing.
• Incorporate Stripe webhooks for real-time transaction updates.
• Leverage the power of MySQL, Prisma, and PlanetScale to handle your database needs effectively.

Prerequisites

Node version 14.x

Cloning the repository

git clone https://github.com/yagizharman/Fullstack-E-Commerce-Admin-Repo.git

Install packages

npm i

Setup .env file

NEXT_PUBLIC_API_URL=

Start the app

npm run dev

Available commands

Running commands with npm npm run [command]

command	description
dev	Starts a development instance of the app