slash admin

Administrateur Slash

Slash Admin est un modèle de tableau de bord d'administration moderne construit avec React 18, Vite, Ant Design et TypeScript. Il est conçu pour aider les développeurs à créer rapidement de puissants systèmes de gestion d'administration.

Aperçu · Discord · Document

Anglais | Chine

Parrainer

Aperçu

• https://admin.slashspaces.com/

Caractéristiques

• Construit à l'aide des hooks React 18.
• Propulsé par Vite pour un développement rapide et un remplacement de module à chaud.
• Intègre Ant Design, fournissant un riche ensemble de composants d'interface utilisateur et de modèles de conception.
• Écrit en TypeScript, offrant une sécurité de type et une expérience de développement améliorée.
• Conception réactive, s'adaptant à différentes tailles d'écran et appareils.
• Configuration de routage flexible, prenant en charge les itinéraires imbriqués.
• Contrôle d'accès intégré basé sur les rôles des utilisateurs.
• Prend en charge l’internationalisation pour un changement de langue facile.
• Comprend des fonctionnalités d'administration courantes telles que la gestion des utilisateurs, la gestion des rôles et la gestion des autorisations.
• Thèmes et styles personnalisables pour répondre à vos besoins de marque.
• Solution moqueuse basée sur MSW et Faker.js.
• Gestion de l'état à l'aide de Zustand.
• Récupération de données à l'aide de React-Query.

Démarrage rapide

Obtenez le code du projet

git clone https://github.com/d3george/slash-admin.git

Installer les dépendances

Dans le répertoire racine du projet, exécutez la commande suivante pour installer les dépendances du projet :

pnpm install

Démarrer le serveur de développement

Exécutez la commande suivante pour démarrer le serveur de développement :

pnpm dev

Visitez http://localhost:3001 pour afficher votre application.

Construire pour la production

Exécutez la commande suivante pour créer la version de production :

pnpm build

Déploiement Docker

Créer une image et exécuter un conteneur

construire une image

Entrez le répertoire racine du projet dans le terminal et exécutez la commande suivante pour créer l'image Docker :

 docker build -t your-image-name .

Assurez-vous de remplacer your-image-name par votre propre nom d'image

exécuter le conteneur

Exécutez votre application dans le conteneur Docker à l'aide de la commande suivante :

 docker run -p 3001:80 your-image-name

Cela exécutera votre application sur le port 80 (exposé dans Dockerfile ) du conteneur et la mappera au port 3001 de votre hôte.

Vous pouvez désormais accéder à http://localhost:3001 pour afficher les applications déployées.

utilisez docker-compose.yaml

Entrez le répertoire racine du projet dans le terminal et exécutez la commande suivante pour démarrer Docker Compose :

 docker-compose up -d

Docker Compose construira une image basée sur la configuration définie par 'docker-compose. yaml' et exécutez le conteneur en arrière-plan.

Une fois le conteneur exécuté avec succès, il est également accessible via http://localhost:3001 pour afficher les applications déployées.

Spécification de soumission de contribution Git

référence.commitlint.config.js

• feat nouvelles fonctionnalités
• fix réparer le
• docs ou commentaires
• format du code style (changements qui n'affectent pas l'exécution du code)
• refactor refactoriser
• optimisation des perf
• revert annuler la validation
• test lié au test
• changements chore dans le processus de construction ou outils auxiliaires
• ci modifier la configuration et les scripts CI
• types modifications du fichier de définition de type
• wip en développement