slash admin

Administrador de barra diagonal

Slash Admin es una plantilla de panel de administración moderna creada con React 18, Vite, Ant Design y TypeScript. Está diseñado para ayudar a los desarrolladores a crear rápidamente potentes sistemas de gestión administrativa.

Vista previa · Discord · Documento

Inglés | 中文

Patrocinador

Avance

• https://admin.slashspaces.com/

Características

• Construido con ganchos React 18.
• Desarrollado por Vite para un desarrollo rápido y reemplazo de módulos en caliente.
• Integra Ant Design, proporcionando un amplio conjunto de componentes de interfaz de usuario y patrones de diseño.
• Escrito en TypeScript, ofrece seguridad tipográfica y una experiencia de desarrollo mejorada.
• Diseño responsive, adaptándose a varios tamaños de pantalla y dispositivos.
• Configuración de enrutamiento flexible, compatible con rutas anidadas.
• Control de acceso integrado basado en roles de usuario.
• Admite la internacionalización para facilitar el cambio de idioma.
• Incluye funciones de administración comunes como administración de usuarios, administración de roles y administración de permisos.
• Temas y estilos personalizables para satisfacer sus necesidades de marca.
• Solución de burla basada en MSW y Faker.js.
• Gestión estatal mediante Zustand.
• Obtención de datos mediante React-Query.

Inicio rápido

Obtenga el código del proyecto

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

Instalar dependencias

En el directorio raíz del proyecto, ejecute el siguiente comando para instalar las dependencias del proyecto:

pnpm install

Inicie el servidor de desarrollo

Ejecute el siguiente comando para iniciar el servidor de desarrollo:

pnpm dev

Visite http://localhost:3001 para ver su aplicación.

Construir para la producción

Ejecute el siguiente comando para compilar la versión de producción:

pnpm build

Implementación de Docker

Construir imagen y ejecutar contenedor

construir imagen

Ingrese el directorio raíz del proyecto en la terminal y ejecute el siguiente comando para crear la imagen de Docker:

 docker build -t your-image-name .

Asegúrate de reemplazar your-image-name con el nombre de tu propia imagen.

ejecutar contenedor

Ejecute su aplicación en el contenedor Docker usando el siguiente comando:

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

Esto ejecutará su aplicación en el puerto 80 (expuesto en Dockerfile ) del contenedor y la asignará al puerto 3001 de su host.

Ahora puede acceder a http://localhost:3001 para ver las aplicaciones implementadas.

utilizar docker-compose.yaml

Ingrese el directorio raíz del proyecto en la terminal y ejecute el siguiente comando para iniciar Docker Compose:

 docker-compose up -d

Docker Compose creará una imagen basada en la configuración definida por 'docker-compose. yaml' y ejecuta el contenedor en segundo plano.

Una vez que el contenedor se ejecuta correctamente, también se puede acceder a él a través de http://localhost:3001 para ver las aplicaciones implementadas.

Especificación de envío de contribución de Git

referencia.commitlint.config.js

• feat nuevas características
• fix arreglar el
• documentación docs o comentarios
• formato de código style (cambios que no afectan la ejecución del código)
• refactor
• optimización perf rendimiento
• revert revertir compromiso
• test relacionada con la prueba
• cambios chore en el proceso de construcción o herramientas auxiliares
• ci modifica la configuración y los scripts de CI
• types cambios en el archivo de definición de tipo
• wip en desarrollo