ecommerce admin dashboard next13

Full Stack Next.js 13 Admin-Dashboard und CMS für E-Commerce-Shop | Next.js 13 App Router, React, Tailwind, Prisma, MySQL

Dies ist das Repository für ein voll funktionsfähiges Admin-Dashboard und CMS.

Das Github-Repository für den E-Commerce-Shop finden Sie hier: https://github.com/demitraps/ecommerce-store-next13

Merkmale

• Erstellen Sie mehrere Geschäfte
• Dashboard mit Statistiken
• Erstellen Sie Werbetafeln für verschiedene Kategorien
• Größen/Farben
• Produkte, die mit Größen, Farben und Werbetafeln verknüpft sind
• Archiv-/Feature-Produkt
• Bearbeiten/Löschen von Werbetafeln, Kategorien, Größen und Farben
• Bestellseite mit Zahlungsstatus
• API-Aufrufe für Werbetafeln, Kategorien, Größen, Farben, Produkte
• Hell- und Dunkelmodus

Tech-Stack

Reagieren, Next.JS 13, TypeScript, TailwindCSS

Authentifizierung: Clerk Datenvalidierung: Zod FileUploads: Cloudinary Komponenten: Shadcn Datenbank: MySQL-PlanetScale mit Prisma ORM

Anmelden

https://ecommerce-admin-dashboard-next13-seven.vercel.app/

Demo

Produkterstellung:

und im Shop:

Screenshots

Homepage:

Shop erstellen:

Werbetafeln:

Werbetafel erstellen:

Kategorien:

Größen:

Farben:

Produkte:

Produkt erstellen:

Bestellungen:

Einstellungen:

Lichtmodus:

To-Do-Liste

• Mehrere Mengen pro Produkt
• E-Mail-Benachrichtigungen
• Video-Uploads
• Newsletter
• Zusätzliche Statistiken
• Bestellungen als abgeschlossen markieren
• Tracking hinzufügen

Voraussetzungen

Knotenversion 14.x

Klonen des Repositorys

  git clone https://github.com/demitraps/ecommerce-admin-dashboard-next13.git

Stellen Sie eine Verbindung zu PlanetScale her und drücken Sie Prisma

npx prisma generate
npx prisma db push

Starten Sie die App

npm run dev

Verfügbare Befehle

Ausführen von Befehlen mit npm npm run [command]

Befehl	Beschreibung
dev	Startet eine Entwicklungsinstanz der App