nextjs material dashboard

Painel de material React

O Painel de Material NextJS é um material gratuito-UI, NextJs e reaja o Admin com um novo design novo inspirado no design de materiais do Google. Estamos muito empolgados em apresentar nossa opinião sobre os conceitos materiais por meio de um conjunto de componentes fáceis de usar e belo. O painel de materiais do NextJS foi construído sobre as estruturas populares de material-UI, NextJs e React.

O painel de materiais do NextJS faz uso de luz, superfície e movimento. O layout geral se assemelha a folhas de papel seguindo várias camadas diferentes, para que a profundidade e a ordem sejam óbvias. A navegação permanece principalmente na barra lateral esquerda e o conteúdo está à direita dentro do painel principal.

O painel de material do NextJS vem com 5 opções de filtro colorido para a barra lateral e os cabeçalhos do cartão (azul, verde, laranja, vermelho e roxo) e uma opção de ter uma imagem de fundo na barra lateral.

O painel de materiais NextJS foi criado usando o NextJS e ele usa uma estrutura construída por nosso amigo Olivier - Material -Ui, que fez um trabalho incrível criando a espinha dorsal para os efeitos, animações, ondulações e transições materiais. Muito obrigado à sua equipe pelo esforço e à pensamento avançado que eles colocaram nele.

Estamos muito animados para compartilhar este painel com você e estamos ansiosos para ouvir seus comentários!

É de código aberto e o repositório do GitHub pode ser encontrado aqui.

Agradecimentos especiais para:

• NEPCHA Analytics for the Analytics Tool. O Nepcha já está integrado ao painel de materiais Next.js. Você pode usá -lo para obter informações sobre suas fontes de tráfego.

Índice

• Versões
• Demonstração
• Início rápido
• Documentação
• Estrutura de arquivo
• Suporte do navegador
• Recursos
• Versões do kit
• Versões pro
• Versões Pro Kit
• Relatando problemas
• Suporte técnico ou perguntas
• Licenciamento
• Links úteis

Versões

NextJs	Nodejs	Laravel	Vue & Laravel	Vuetify

HTML escuro	Html	Reagir	Vue	Angular

Demonstração

• Página inicial
• Página de perfil de usuário
• Página de tabelas
• Página de mapas
• Página de notificações

Veja mais.

Início rápido

Opções de início rápido:

• npm i nextjs-material-dashboard
• Clone the repo: git clone https://github.com/creativetimofficial/nextjs-material-dashboard.git .
• Download do github.
• Baixe do Creative Tim.

Documentação

A documentação para o painel de materiais React está hospedada em nosso site.

Estrutura de arquivo

Dentro do download, você encontrará os seguintes diretórios e arquivos:

 nextjs-material-dashboard
.
├── CHANGELOG.md
├── ISSUE_TEMPLATE.md
├── LICENSE.md
├── README.md
├── assets
│   ├── css
│   │   └── nextjs-material-dashboard.css
│   ├── github
│   │   ├── md-react.gif
│   │   └── react.svg
│   ├── img
│   │   └── faces
│   └── jss
│       ├── nextjs-material-dashboard
│       │   ├── cardImagesStyles.js
│       │   ├── checkboxAdnRadioStyle.js
│       │   ├── components
│       │   │   ├── buttonStyle.js
│       │   │   ├── cardAvatarStyle.js
│       │   │   ├── cardBodyStyle.js
│       │   │   ├── cardFooterStyle.js
│       │   │   ├── cardHeaderStyle.js
│       │   │   ├── cardIconStyle.js
│       │   │   ├── cardStyle.js
│       │   │   ├── customInputStyle.js
│       │   │   ├── customTabsStyle.js
│       │   │   ├── footerStyle.js
│       │   │   ├── headerLinksStyle.js
│       │   │   ├── headerStyle.js
│       │   │   ├── rtlHeaderLinksStyle.js
│       │   │   ├── sidebarStyle.js
│       │   │   ├── snackbarContentStyle.js
│       │   │   ├── tableStyle.js
│       │   │   ├── tasksStyle.js
│       │   │   └── typographyStyle.js
│       │   ├── dropdownStyle.js
│       │   ├── layouts
│       │   │   ├── adminStyle.js
│       │   │   └── rtlStyle.js
│       │   ├── tooltipStyle.js
│       │   └── views
│       │       ├── dashboardStyle.js
│       │       ├── iconsStyle.js
│       │       └── rtlStyle.js
│       └── nextjs-material-dashboard.js
├── components
│   ├── Card
│   │   ├── Card.js
│   │   ├── CardAvatar.js
│   │   ├── CardBody.js
│   │   ├── CardFooter.js
│   │   ├── CardHeader.js
│   │   └── CardIcon.js
│   ├── CustomButtons
│   │   └── Button.js
│   ├── CustomInput
│   │   └── CustomInput.js
│   ├── CustomTabs
│   │   └── CustomTabs.js
│   ├── FixedPlugin
│   │   └── FixedPlugin.js
│   ├── Footer
│   │   └── Footer.js
│   ├── Grid
│   │   ├── GridContainer.js
│   │   └── GridItem.js
│   ├── Navbars
│   │   ├── AdminNavbarLinks.js
│   │   ├── Navbar.js
│   │   └── RTLNavbarLinks.js
│   ├── PageChange
│   │   └── PageChange.js
│   ├── Sidebar
│   │   └── Sidebar.js
│   ├── Snackbar
│   │   ├── Snackbar.js
│   │   └── SnackbarContent.js
│   ├── Table
│   │   └── Table.js
│   ├── Tasks
│   │   └── Tasks.js
│   └── Typography
│       ├── Danger.js
│       ├── Info.js
│       ├── Muted.js
│       ├── Primary.js
│       ├── Quote.js
│       ├── Success.js
│       └── Warning.js
├── documentation
│   ├── assets
│   │   ├── css
│   │   │   ├── bootstrap.min.css
│   │   │   ├── demo-documentation.css
│   │   │   └── material-dashboard.css
│   │   ├── img
│   │   │   └── faces
│   │   └── js
│   │       ├── bootstrap.min.js
│   │       └── jquery-3.2.1.min.js
│   └── tutorial-components.html
├── layouts
│   ├── Admin.js
│   └── RTL.js
├── next.config.js
├── package.json
├── pages
│   ├── _app.js
│   ├── _document.js
│   ├── _error.js
│   ├── admin
│   │   ├── dashboard.js
│   │   ├── icons.js
│   │   ├── maps.js
│   │   ├── notifications.js
│   │   ├── table-list.js
│   │   ├── typography.js
│   │   ├── upgrade-to-pro.js
│   │   └── user-profile.js
│   ├── index.js
│   └── rtl
│       └── rtl-page.js
├── routes.js
└── variables
    ├── charts.js
    └── general.js

Suporte do navegador

Atualmente, pretendemos oficialmente apoiar as duas últimas versões dos seguintes navegadores:

Recursos

• Demonstração: https://demos.creative-tim.com/nextjs-material-dashboard
• Página de download: https://www.creative-tim.com/product/nextjs-material-dashboard
• Documentação: https://www.creative-tim.com/learning-lab/nextjs/overview/material-dashboard
• Contrato de licença: https://www.creative-tim.com/license
• Suporte: https://www.creative-tim.com/contact-us
• Questões: página do github Questões
• NEPCHA Analytics - Analytics Tool para seu site

Versões do kit

NextJs	Reagir nativo	Vue	Fantasma

Html	Reagir

Versões pro

NextJs	Laravel	Vue & Laravel	Vuetify

Html	Reagir	Vue	Angular

Versões Pro Kit

NextJs	Reagir nativo	Vue	Laravel

Html	Reagir

Relatando problemas

Utilizamos problemas do GitHub como o rastreador oficial de bugs para o painel de materiais reagir. Aqui estão alguns conselhos para nossos usuários que desejam relatar um problema:

1. Verifique se você está usando a versão mais recente do painel de materiais reagir. Verifique o Changelog do seu painel em nosso site.
2. Fornecendo -nos as etapas reproduzíveis para o problema reduzirão o tempo necessário para que seja corrigido.
3. Alguns problemas podem ser específicos do navegador, portanto, especificando o navegador que você encontrou o problema pode ajudar.

Suporte técnico ou perguntas

Se você tiver dúvidas ou precisar de ajuda para integrar o produto, entre em contato conosco em vez de abrir um problema.

Licenciamento

• Copyright 2021 Creative Tim (https://www.creative-tim.com)
• Licenciado no MIT (https://github.com/creativetimofficial/nextjs-material-dashboard/blob/master/license.md)

Links úteis

Mais produtos da Creative Tim: https://www.creative-tim.com/products

Tutoriais: https://www.youtube.com/channel/ucvytg4scw-rovb9ohkzzd1w

Brindes: https://www.creative-tim.com/products

Programa de afiliados (Ganhe dinheiro): https://www.creative-tim.com/affiliates/new

Mídia social:

Twitter: https://twitter.com/creracivetim

Facebook: https://www.facebook.com/creracivetim

Dribbble: https://dribbble.com/creativeTim

Google+: https://plus.google.com/+creativeTImpage

Instagram: https://instagram.com/creativeTimofficial