Tableau de bord d'administration du commerce électronique
Bienvenue dans le tableau de bord d'administration du commerce électronique, votre plateforme centralisée pour gérer facilement plusieurs boutiques en ligne. Ce tableau de bord d'administration vous permet de contrôler divers aspects de votre activité de commerce électronique, notamment la gestion des produits, les stocks, les ventes, etc. Construit avec Next.js, Shadcn UI, Tailwind CSS, AWS RDS pour PostgreSQL, AWS S3 pour le stockage d'images et Clerk pour l'authentification, il simplifie la gestion de l'ensemble de votre écosystème de commerce électronique.
Principales fonctionnalités
Gestion multi-magasins
- Gérez de manière transparente plusieurs magasins, tels que des vêtements, de la nourriture, des ordinateurs, etc., à partir d'un seul tableau de bord centralisé.
- Créez, mettez à jour ou supprimez des panneaux d'affichage, des catégories, des tailles, des couleurs et des produits dans différents magasins.
Gestion efficace des données
- Utilisez des tableaux avec des fonctionnalités de pagination et de recherche pour afficher et gérer efficacement les données.
- Rationalisez la gestion des stocks et présentez facilement les produits sur la page d'accueil ou archivez-les.
Visualisation des données
- Obtenez des informations sur les performances de votre commerce électronique avec des représentations graphiques des commandes, des ventes et des revenus à l'aide de Recharts.
Authentification auprès du commis
- Authentifiez en toute sécurité les administrateurs à l'aide de Clerk, leur permettant de se connecter avec leur compte Google à l'aide d'OAuth2 ou d'un e-mail et d'un mot de passe.
Gestion des paiements avec Stripe
- Gérez les paiements sans effort grâce à l'intégration de Stripe, offrant une expérience de transaction transparente.
Modes thématiques
- Profitez d'une expérience utilisateur personnalisée avec la prise en charge des modes de thème clair et sombre, améliorant ainsi la lisibilité et l'esthétique.
Confirmation de commande
- Recevez des confirmations automatiques par e-mail, y compris un numéro de suivi de commande unique une fois la commande passée, vous assurant ainsi d'être toujours au courant de votre achat.
Démo
À des fins de démonstration, les routes d'administration ont été intentionnellement désactivées pour la production afin que tous les visiteurs puissent voir le site Web d'administration dans son état actuel. Deux magasins distincts, un pour les vêtements et un autre pour les chaussures, ont été créés avec des produits préconfigurés.
Explorez la démo du tableau de bord d'administration du commerce électronique pour découvrir ces fonctionnalités en action.
Magasin Accompagné
Page GitHub
Site Web de boutique de commerce électronique GitHub : référentiel GitHub
Site web
Découvrez la fonctionnalité multi-boutiques en explorant les deux magasins distincts, mettant en valeur la polyvalence de la plateforme de commerce électronique. N'hésitez pas à parcourir, ajouter des articles à votre panier et terminer le processus de paiement en utilisant les informations de la carte de test fournies ci-dessous pour une expérience complète.
Cliquez sur les liens pour explorer les sites Web en direct :
- Site Web de magasin de vêtements de commerce électronique
- Site Web de magasin de chaussures de commerce électronique
Technologies utilisées
- Next.js : framework React pour le rendu côté serveur et la création d'applications Web
- Shadcn UI : une bibliothèque de composants populaire pour créer des interfaces utilisateur accessibles et hautement personnalisables
- Tailwind CSS : framework CSS utilitaire pour le style
- PostgreSQL : un puissant système de gestion de bases de données relationnelles open source
- AWS RDS : service de base de données relationnelle Amazon Web Services pour la gestion des bases de données PostgreSQL
- AWS S3 : service de stockage simple Amazon Web Services pour stocker des images et d'autres actifs
- Clerk : service d'authentification pour gérer en toute sécurité les connexions des utilisateurs
- Stripe : plateforme de traitement des paiements pour gérer les paiements récurrents
- Recharts : une bibliothèque de graphiques composables pour créer des visualisations de données interactives
Captures d'écran
Page de présentation (légère)
Page de présentation (foncée)
Page Produits
Modifier la page produit
Page de connexion du commis
Licence
Ce projet est sous licence MIT.
Contact
Si vous avez des questions ou des suggestions, n'hésitez pas à nous contacter :
