Download mantine analytics dashboard - mantine analytics dashboard do download do código -fonte

mantine analytics dashboard

Código-Fonte de IA

UI updates and bug fixes

Baixar

Anúncios

Adicionada página Gerenciador de arquivos interface da interface
Versão do Mantine atualizado para o último 7.14.3
Nova variante do modo escuro
Nova variante da barra lateral, agora temos modos completos, mini e completos

Visualização ao vivo
Visualização dos componentes
Médio
Roteiro do produto * novo *

Sobre

Um modelo de administrador e painel profissional construído usando no Mantine 7 que vem com centenas de componentes, formas, tabelas, gráficos, páginas e ícones da interface do usuário. Este modelo é construído usando o próximo V14, React, Apex Charts, Mantine Datatable e Storybook.

Imagem de visualização

Liberação anterior

O lançamento anterior do modelo do painel suporta os próximos 13 com o roteador de páginas e o Mantine 6. Para ver a demonstração ao vivo, use este link - visualização e, para fazer o checkout, o recompra use este link - versão 1

Características

Personalizável: você não precisa ser um especialista para personalizar o modelo. Nosso código é muito legível e bem documentado.
Totalmente Responsivo: Com suporte móvel, tablet e desktop, não importa qual dispositivo você está usando. O Painel de ANTD é responsivo em todos os navegadores.
Navegador cruzado: nossos temas estão funcionando perfeitamente com Chrome, Firefox, Opera e Edge. Estamos trabalhando duro para apoiá -los.
Código limpo: seguimos estritamente as diretrizes do Ant Design para facilitar sua integração. Todo o código está manuscrito.
Atualizações regulares: de tempos em tempos, você receberá uma atualização contendo novos componentes, melhorias e correções de bugs.

Pilha de tecnologia

Para tornar este modelo incrível, usei os seguintes pacotes:

Essencial

Próximo JS V14: Next.js é uma estrutura de desenvolvimento da web de código aberto criado pela empresa privada Vercel, fornecendo aplicativos da Web baseados em reagt com renderização do servidor e geração de sites estáticos.
Mantine V7: Mantine é uma biblioteca de componentes da interface do usuário do React. Ele é construído sobre o React e o TypeScript e fornece uma variedade de componentes e ganchos para criar aplicativos da Web de alto desempenho.
REACT V18: O React é uma biblioteca JavaScript de código aberto gratuito e de código aberto para criar interfaces de usuário com base em componentes.
TypeScript V5: TypeScript é uma linguagem de programação de alto nível gratuita e de código aberto desenvolvido pela Microsoft que adiciona digitação estática com anotações de tipo opcional ao JavaScript.
Storybook V7: O Storybook é uma ferramenta gratuita e de código aberto para o desenvolvimento de componentes da interface do usuário isoladamente. É usado pelos desenvolvedores da Web para melhorar seu fluxo de trabalho de desenvolvimento da interface do usuário e criar melhores aplicativos da Web.
CLI V2 V2: A Mudança é um pacote que ajuda a gerenciar minhas versões e Changelogs.
Nextauth V4: Nextauth.js é uma biblioteca de autenticação flexível e segura que pode ser usada para autenticação do lado do cliente em Next.JS.
Tabler Icons V2: Tabler Icons é uma biblioteca de ícones de código aberto gratuito com mais de 4.700 ícones. Os ícones são projetados com uma estética moderna e são adequados para uma ampla gama de aplicações.
Mantine Datatable V7: Mantine Datatable é um componente REACT que pode ser usado para criar interfaces de usuário ricas em dados. É um componente de tabela que está ciente dos temas escuros e foi projetado para a interface do usuário do Mantine.
Lodash V4: Uma biblioteca de utilitário JavaScript que oferece consistência, modularidade, desempenho e extras.
Apex Chart V3: S ApexCharts é uma biblioteca de gráficos JavaScript gratuita e de código aberto que permite aos desenvolvedores criar visualizações de dados interativas para páginas da web. Pode ser usado para projetos comerciais e não comerciais.
Dayjs v1: Day.js é uma biblioteca JavaScript que lida com datas e horários.
TIPTAP V2: Um editor de texto rico sem cabeça,-estrutura-agnóstico e extensível, baseado no Prosemirror.
FullCalendar V6 : FullCalendar é um calendário de eventos JavaScript com mais de 300 configurações. É de código aberto e tem um núcleo livre.
DND-KIT V6: O DND-KIT é um kit de ferramentas leve, modular e extensível de arrastar e soltar para reagir. Também é acessível e performante.
EMBLA CAROUSEL V7: O EMBLA Carousel é uma biblioteca de carrossel leve com movimento fluido e deslizamento preciso.
REACTE MAPS SIMPLES V3: Um componente de gráfico de mapa SVG criado com e para react.
Clerk/NextJs V4: Clerk Next.js é um invólucro em torno do funcionário React. Ele permite que os usuários usem os ganchos que o Clerk React fornece.
REACT COUNTUP V6: Um invólucro de componente React em torno do Condep.js.

Dev

V3 mais bonito: o Prettier é um formatador de código que formata o código automaticamente para garantir que seja consistente e fácil de ler.
Husky V8: Husky é uma ferramenta que facilita o trabalho com ganchos git. Mais bonito é um formatador de código.
O fíada encenado v15: FIED-FATED adicionará automaticamente quaisquer modificações à confirmação, desde que não haja erros.
PostCSS V8: PostCSS é uma biblioteca JavaScript que usa plugins para transformar o CSS. Ele transpila CSS para uma árvore de sintaxe abstrata, que é então representada por objetos JavaScript.

Início rápido

Download

Clone este repo git clone https://github.com/design-sparx/mantine-analytics-dashboard.git
Download do github

Construir ferramentas

Você precisará instalar o Node.js. Depois que o Node.js estiver instalado, execute o NPM Instale para instalar o restante das dependências do modelo. Todas as dependências serão baixadas no diretório Node_modules.

npm install

Agora você está pronto para modificar os arquivos de origem e gerar novos arquivos. Para detectar automaticamente as alterações e iniciar um servidor da web local em http: // localhost: 3000, execute o seguinte comando.

npm run dev

Compilar, otimizar, Minificar e Uglify todos os arquivos de origem para construir/

npm run build

Estrutura de arquivo

Dentro do zíper, você encontrará os seguintes diretórios e arquivos. Os arquivos de distribuição compilados e minificados, como dentro do arquivo zip, você encontrará os seguintes diretórios e arquivos. Os arquivos de distribuição compilados e minificados, bem como os arquivos de origem estão incluídos no pacote.

 mantine-analytics-dashboard/
├── .changeset
├── .github
├── .gitignore
├── .editorconfig
├── .prettierignore
├── .prettierrc
├── README.md
├── CHANGELOG.md
├── LICENSE
├── index.html
├── package.json
├── tsconfig.json
├── next.config.js
├── postcss.config.cjs
├── clerkMiddleware.ts
├── yarn.lock
├── public/
│   ├── mocks/
│   ├── _redirects
│   ├── favicon.ico
├── src/
│   ├── .changeset/
│   ├── .github/
│   ├── .husty/
│   ├── .storybook/
│   ├── .yarn/
│   ├── app/
├────── api/
├────── error.tsx
├────── error.module.css
├────── global.css
├────── layout.tsx
├────── loading.tsx
├────── not-found.tsx
├────── page.module.css
├────── page.tsx
│   ├── components/
│   ├── hooks/
│   ├── layout/
│   ├── providers/
│   ├── public/
│   ├── routes/
│   ├── styles/
│   ├── theme/
│   ├── types/
│   ├── utils/
└──

Contribuindo e apoio

Congratulo-me com todos os desenvolvedores e entusiastas para contribuir para o crescimento de nosso modelo de painel de administração de código aberto. Contribuir é um processo colaborativo que nos capacita a aprimorar coletivamente as capacidades e a qualidade do modelo. Para começar:

Gire o repositório: Fork o repositório do github do modelo para sua própria conta do GitHub.
Clone o garfo: clone o repositório bifurcado à sua máquina local usando o Git.
Crie uma ramificação: crie uma nova ramificação para suas contribuições para manter intacta a base de código principal.
Implementar alterações: faça as alterações desejadas, adicione novos componentes ou refine os recursos existentes.
Compromete e empurre: cometê -las no novo ramo e empurre -as para o seu garfo do Github.
Envie uma solicitação de tração: envie uma solicitação de tração do seu repositório bifurcado para o repositório de modelos principais. Suas alterações serão revisadas e potencialmente mescladas.

Relatar problemas e procurar ajuda

Se você encontrar qualquer problema ou precisar de assistência ao usar o modelo, estamos aqui para ajudar:

Rastreador de emissão: visite a guia Problemas do repositório do Github para relatar bugs, sugerir aprimoramentos ou procure esclarecimentos sobre aspectos do modelo.
Interação da comunidade: Envolva -se com a comunidade do modelo em plataformas como discussões do Github para assistência, orientação e insights.

Convite para explorar e utilizar

O modelo de painel do Mantine e Next.JS Admin não é apenas um fim; É um começo - um ponto de partida para sua jornada criativa. Seja você um desenvolvedor experiente que procura um lançamento rápido ou um entusiasta interessado em aprender práticas modernas de desenvolvimento, esse modelo é sua tela.