nextjs material dashboard
Updated dependencies
NextJS Material Dashboard는 무료 자재 UI, Nextjs 및 React Admin입니다. 우리는 사용하기 쉽고 아름다운 구성 요소 세트를 통해 재료 개념을 취하는 것을 매우 기쁘게 생각합니다. Nextjs 재료 대시 보드는 인기있는 재료 -UI, Nextjs 및 React 프레임 워크를 통해 구축되었습니다.
Nextjs 재료 대시 보드는 빛, 표면 및 움직임을 사용합니다. 일반적인 레이아웃은 여러 다른 층에 따른 종이 시트와 비슷하므로 깊이와 순서가 분명합니다. 내비게이션은 주로 왼쪽 사이드 바에 유지되며 내용은 메인 패널 내부의 오른쪽에 있습니다.
Nextjs 자료 대시 보드에는 사이드 바 및 카드 헤더 (파란색, 녹색, 주황색, 빨간색 및 자주색) 모두에 대한 5 개의 컬러 필터 선택과 사이드 바에 배경 이미지가있는 옵션이 제공됩니다.
NextJS Material Dashboard는 NextJS를 사용하여 작성되었으며 친구 Olivier -Material -UI가 제작 한 프레임 워크를 사용하여 재료 효과, 애니메이션, 잔물결 및 전환을위한 백본을 만드는 놀라운 일을했습니다. 그들의 노력과 그들이 생각한 노력에 대한 그의 팀 덕분에 큰 감사를 표합니다.
우리는이 대시 보드를 당신과 공유하게되어 매우 기쁩니다. 귀하의 의견을 기다리겠습니다.
오픈 소스이며 Github Repo는 여기에서 찾을 수 있습니다.
특별한 감사는 다음과 같습니다.
| 다음 JS | nodejs | 라 라벨 | vue & laravel | vuetify |
|---|---|---|---|---|
| HTML 어두운 | HTML | 반응 | vue | 모난 |
|---|---|---|---|---|
더보기.
빠른 시작 옵션 :
npm i nextjs-material-dashboardgit clone https://github.com/creativetimofficial/nextjs-material-dashboard.git .자료 대시 보드 반응에 대한 문서는 웹 사이트에서 호스팅됩니다.
다운로드 내에서 다음 디렉토리 및 파일을 찾을 수 있습니다.
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
현재, 우리는 공식적으로 다음 브라우저의 마지막 두 버전을 지원하는 것을 목표로합니다.
| 다음 JS | 원시 반응 | vue | 귀신 |
|---|---|---|---|
| HTML | 반응 |
|---|---|
| 다음 JS | 라 라벨 | vue & laravel | vuetify |
|---|---|---|---|
| HTML | 반응 | vue | 모난 |
|---|---|---|---|
| 다음 JS | 원시 반응 | vue | 라 라벨 |
|---|---|---|---|
| HTML | 반응 |
|---|---|
우리는 재료 대시 보드 반응의 공식 버그 추적기로 GitHub 문제를 사용합니다. 다음은 문제를보고하려는 사용자를위한 몇 가지 조언입니다.
궁금한 점이 있거나 제품을 통합하는 데 도움이 필요한 경우 문제를 여는 대신 저희에게 연락하십시오.
Creative Tim의 더 많은 제품 : https://www.creative-tim.com/products
튜토리얼 : https://www.youtube.com/channel/ucvytg4scw-rovb9ohkzzd1w
공짜 : https://www.creative-tim.com/products
제휴 프로그램 (수익) : https://www.creative-tim.com/affiliates/new
소셜 미디어 :
트위터 : https://twitter.com/creativetim
Facebook : https://www.facebook.com/creativetim
dribbble : https://dribbble.com/creativetim
Google+ : https://plus.google.com/+ creativetimpage
Instagram : https://instagram.com/creativetimofficial
