slash admin

Barra Administrador

Slash Admin é um modelo moderno de painel de administração desenvolvido com React 18, Vite, Ant Design e TypeScript. Ele foi projetado para ajudar os desenvolvedores a criar rapidamente sistemas poderosos de gerenciamento administrativo.

Visualização · Discord · Documento

Inglês | 中文

Patrocinador

Visualização

• https://admin.slashspaces.com/

Características

• Construído usando ganchos React 18.
• Desenvolvido por Vite para desenvolvimento rápido e substituição de módulos a quente.
• Integra o Ant Design, fornecendo um rico conjunto de componentes de UI e padrões de design.
• Escrito em TypeScript, oferecendo segurança de tipo e uma experiência de desenvolvimento aprimorada.
• Design responsivo, adaptando-se a diversos tamanhos de tela e dispositivos.
• Configuração de roteamento flexível, com suporte a rotas aninhadas.
• Controle de acesso integrado baseado em funções de usuário.
• Suporta internacionalização para fácil troca de idioma.
• Inclui recursos administrativos comuns, como gerenciamento de usuários, gerenciamento de funções e gerenciamento de permissões.
• Temas e estilos personalizáveis ​​para atender às necessidades de sua marca.
• Solução de simulação baseada em MSW e Faker.js.
• Gerenciamento de estado usando Zustand.
• Busca de dados usando React-Query.

Início rápido

Obtenha o código do projeto

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

Instalar dependências

No diretório raiz do projeto, execute o seguinte comando para instalar as dependências do projeto:

pnpm install

Inicie o servidor de desenvolvimento

Execute o seguinte comando para iniciar o servidor de desenvolvimento:

pnpm dev

Visite http://localhost:3001 para visualizar seu aplicativo.

Construir para produção

Execute o seguinte comando para criar a versão de produção:

pnpm build

Implantação do Docker

Construir imagem e executar contêiner

construir imagem

Insira o diretório raiz do projeto no terminal e execute o seguinte comando para construir a imagem Docker:

 docker build -t your-image-name .

Certifique-se de substituir your-image-name pelo seu próprio nome de imagem

executar contêiner

Execute seu aplicativo no contêiner Docker usando o seguinte comando:

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

Isso executará seu aplicativo na porta 80 (exposta em Dockerfile ) do contêiner e mapeá-lo-á para a porta 3001 em seu host.

Agora você pode acessar http://localhost:3001 para visualizar os aplicativos implantados.

usar docker-compose.yaml

Insira o diretório raiz do projeto no terminal e execute o seguinte comando para iniciar o Docker Compose:

 docker-compose up -d

Docker Compose construirá uma imagem baseada na configuração definida por 'docker-compose. yaml' e execute o contêiner em segundo plano.

Depois que o contêiner for executado com sucesso, ele também poderá ser acessado por meio de http://localhost:3001 para visualizar os aplicativos implantados.

Especificação de envio de contribuição do Git

referência.commitlint.config.js

• feat novos recursos
• fix consertar o
• documentação de docs ou comentários
• formato de código style (alterações que não afetam a execução do código)
• refactor refatorar
• otimização de desempenho perf desempenho
• revert reverter commit
• test teste relacionado
• mudanças chore no processo de construção ou ferramentas auxiliares
• ci modifica configuração e scripts de CI
• types alterações no arquivo de definição de tipo
• wip em desenvolvimento