E-Commerce-Admin-Dashboard
Willkommen beim E-Commerce-Admin-Dashboard, Ihrem zentralen Hub für die einfache Verwaltung mehrerer Online-Shops. Mit diesem Admin-Dashboard können Sie verschiedene Aspekte Ihres E-Commerce-Geschäfts steuern, einschließlich Produktmanagement, Lagerbestand, Verkäufe und mehr. Es basiert auf Next.js, Shadcn UI, Tailwind CSS, AWS RDS für PostgreSQL, AWS S3 für die Bildspeicherung und Clerk für die Authentifizierung und vereinfacht die Verwaltung Ihres gesamten E-Commerce-Ökosystems.
Hauptmerkmale
Multi-Store-Management
- Verwalten Sie mehrere Geschäfte, z. B. Kleidung, Lebensmittel, Computer usw., nahtlos über ein zentrales Dashboard.
- Erstellen, aktualisieren oder löschen Sie Werbetafeln, Kategorien, Größen, Farben und Produkte in verschiedenen Geschäften.
Effizientes Datenhandling
- Nutzen Sie Tabellen mit Paginierungs- und Suchfunktionen, um Daten effizient anzuzeigen und zu verwalten.
- Optimieren Sie die Bestandsverwaltung und präsentieren Sie Produkte ganz einfach auf der Homepage oder archivieren Sie sie.
Datenvisualisierung
- Erhalten Sie Einblicke in Ihre E-Commerce-Leistung mit grafischen Darstellungen von Bestellungen, Verkäufen und Einnahmen mithilfe von Recharts.
Authentifizierung beim Sachbearbeiter
- Authentifizieren Sie Administratoren sicher mit Clerk, sodass sie sich entweder mit ihren Google-Konten über OAuth2 oder E-Mail und Passwort anmelden können.
Zahlungsmanagement mit Stripe
- Verwalten Sie Zahlungen mühelos mit der Stripe-Integration und sorgen Sie so für ein nahtloses Transaktionserlebnis.
Themenmodi
- Genießen Sie ein personalisiertes Benutzererlebnis mit Unterstützung sowohl für helle als auch für dunkle Themenmodi, was die Lesbarkeit und Ästhetik verbessert.
Auftragsbestätigung
- Sobald eine Bestellung aufgegeben wurde, erhalten Sie automatische E-Mail-Bestätigungen mit einer eindeutigen Bestellverfolgungsnummer, sodass Sie immer über Ihren Kauf informiert sind.
Demo
Zu Demonstrationszwecken wurden die Admin-Routen für die Produktion absichtlich deaktiviert, damit alle Besucher die Admin-Website in ihrem aktuellen Zustand sehen können. Es wurden zwei separate Shops, einer für Bekleidung und einer für Schuhe, mit vorkonfigurierten Produkten eingerichtet.
Entdecken Sie die E-Commerce-Admin-Dashboard-Demo, um diese Funktionen in Aktion zu erleben.
Begleiteter Laden
Github-Seite
E-Commerce-Shop-Website GitHub: GitHub-Repository
Webseite
Entdecken Sie die Multi-Store-Funktion, indem Sie die beiden unterschiedlichen Stores erkunden und so die Vielseitigkeit der E-Commerce-Plattform demonstrieren. Stöbern Sie einfach durch, legen Sie Artikel in Ihren Warenkorb und schließen Sie den Bestellvorgang mit den unten angegebenen Testkarteninformationen ab, um ein umfassendes Erlebnis zu erhalten.
Klicken Sie auf die Links, um die Live-Websites zu erkunden:
- Website eines E-Commerce-Bekleidungsgeschäfts
- E-Commerce-Website für Schuhgeschäfte
Verwendete Technologien
- Next.js: React-Framework für serverseitiges Rendering und Erstellen von Webanwendungen
- Shadcn UI: Eine beliebte Komponentenbibliothek zum Erstellen zugänglicher und hochgradig anpassbarer Benutzeroberflächen
- Tailwind CSS: Utility-First-CSS-Framework für das Styling
- PostgreSQL: Ein leistungsstarkes relationales Open-Source-Datenbankverwaltungssystem
- AWS RDS: Amazon Web Services Relational Database Service zur Verwaltung von PostgreSQL-Datenbanken
- AWS S3: Amazon Web Services Simple Storage Service zum Speichern von Bildern und anderen Assets
- Sachbearbeiter: Authentifizierungsdienst zur sicheren Verwaltung von Benutzeranmeldungen
- Stripe: Zahlungsabwicklungsplattform zur Abwicklung wiederkehrender Zahlungen
- Recharts: Eine zusammensetzbare Diagrammbibliothek zum Erstellen interaktiver Datenvisualisierungen
Screenshots
Übersichtsseite (Light)
Übersichtsseite (dunkel)
Produktseite
Produktseite bearbeiten
Anmeldeseite für Sachbearbeiter
Lizenz
Dieses Projekt ist unter der MIT-Lizenz lizenziert.
Kontakt
Wenn Sie Fragen oder Anregungen haben, wenden Sie sich bitte an:
