nextjs material dashboard Download - nextjs material dashboard Quellcode Download

nextjs material dashboard

AI-Quellcode

Updated dependencies

Herunterladen

Material Dashboard reagieren

NextJS Material Dashboard ist ein kostenloses Material-UI, NextJS und React Admin mit einem frischen, neuen Design, das von Googles Materialdesign inspiriert ist. Wir freuen uns sehr, unsere Einstellung zu den materiellen Konzepten durch eine einfach zu bedienende und schöne Reihe von Komponenten vorzustellen. NextJs Material-Armaturenbrett wurde über den beliebten Materialsui-, NextJs- und React-Frameworks gebaut.

NextJS Material Dashboard verwendet Licht, Oberfläche und Bewegung. Das allgemeine Layout ähnelt Papierblättern, die mehreren verschiedenen Schichten folgen, so dass die Tiefe und Reihenfolge offensichtlich ist. Die Navigation bleibt hauptsächlich in der linken Seitenleiste und der Inhalt befindet sich rechts im Hauptfeld.

NextJS Materials Dashboard verfügt über 5 Farbfilter -Auswahlmöglichkeiten sowohl für die Seitenleiste als auch für die Kartenheader (blau, grün, orange, rot und lila) und eine Option, um ein Hintergrundbild in der Seitenleiste zu haben.

NextJS Material Dashboard wurde mit NextJS erstellt und verwendet ein Rahmen, das unser Freund Olivier - Material -UI, der hervorragende Arbeit geleistet hat, die das Rückgrat für die materiellen Effekte, Animationen, Wellen und Übergänge erstellte. Vielen Dank an sein Team für die Anstrengung und den Vorlauf, dass sie sich darauf einlassen.

Wir freuen uns sehr, dieses Dashboard mit Ihnen zu teilen, und freuen uns auf Ihr Feedback!

Es ist Open Source, und es ist Github Repo hier.

Besonderer Dank geht an:

Nepcha Analytics für das Analyse -Tool. Nepcha ist bereits in das materielle Dashboard von Next.js integriert. Sie können es verwenden, um Einblicke in Ihre Verkehrsquellen zu erhalten.

Inhaltsverzeichnis

Versionen
Demo
Schneller Start
Dokumentation
Dateistruktur
Browserunterstützung
Ressourcen
Kitversionen
Pro -Versionen
Pro -Kit -Versionen
Meldungsprobleme
Technischen Support oder Fragen
Lizenzierung
Nützliche Links

Versionen

NEXTJS	Nodejs	Laravel	Vue & Laravel	Vuetify

Html dunkel	Html	Reagieren	Vue	Eckig

Demo

Startseite
Benutzerprofilseite
Tabellen Seite
Kartenseite
Benachrichtigungen Seite

Schneller Start

Schnelle Startoptionen:

npm i nextjs-material-dashboard
Klon The Repo: git clone https://github.com/creativetimofficial/nextjs-material-dashboard.git .
Laden Sie von Github herunter.
Download von Creative Tim.

Dokumentation

Die Dokumentation für das Material Dashboard React wird auf unserer Website gehostet.

Dateistruktur

Innerhalb des Downloads finden Sie die folgenden Verzeichnisse und Dateien:

 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

Browserunterstützung

Gegenwärtig wollen wir offiziell die letzten beiden Versionen der folgenden Browser unterstützen:

Ressourcen

Demo: https://demos.creative-tim.com/nextjs-material-dashboard
Seite herunterladen: https://www.creative-tim.com/product/nextjs-material-dashboard
Dokumentation: https://www.creative-tim.com/learning-lab/nextjs/overview/materialial-dashboard
Lizenzvereinbarung: https://www.creative-tim.com/license
Unterstützung: https://www.creative-tim.com/contact-us
Probleme: GitHub Ausgabenseite Seite
Nepcha Analytics - Analytics -Tool für Ihre Website

Kitversionen

NEXTJS	Reagieren Sie nativ	Vue	Geist

Html	Reagieren

Pro -Versionen

NEXTJS	Laravel	Vue & Laravel	Vuetify

Html	Reagieren	Vue	Eckig

Pro -Kit -Versionen

NEXTJS	Reagieren Sie nativ	Vue	Laravel

Html	Reagieren

Meldungsprobleme

Wir verwenden GitHub -Probleme als offiziellen Bug -Tracker für das Material -Dashboard React. Hier sind einige Ratschläge für unsere Benutzer, die ein Problem melden möchten:

Stellen Sie sicher, dass Sie die neueste Version des Material Dashboard React verwenden. Überprüfen Sie den ChangeLog in Ihrem Dashboard auf unserer Website.
Die Bereitstellung reproduzierbarer Schritte für das Problem wird die Zeit verkürzt, die es benötigt, damit es repariert wird.
Einige Probleme können Browser spezifisch sein. Wenn Sie also angeben, auf welchen Browser Sie das Problem haben, kann dies helfen.