Download nextjs material dashboard - download kode sumber nextjs material dashboard

nextjs material dashboard

Kode Sumber AI

Updated dependencies

Unduh

Dashboard material bereaksi

Dashboard material NextJS adalah material-UI gratis, NextJS dan React Admin dengan desain baru yang segar yang terinspirasi oleh desain material Google. Kami sangat senang memperkenalkan konsep material kami melalui rangkaian komponen yang mudah digunakan dan indah. Dashboard material berikutnya dibangun di atas material-UI yang populer, NextJS dan React Frameworks.

Dasbor material NextJS memanfaatkan cahaya, permukaan, dan gerakan. Tata letak umum menyerupai lembaran kertas mengikuti beberapa lapisan yang berbeda, sehingga kedalaman dan ketertibannya jelas. Navigasi tetap berada di bilah sisi kiri dan konten di sebelah kanan di dalam panel utama.

Dasbor material NextJS hadir dengan 5 pilihan filter warna untuk sidebar dan header kartu (biru, hijau, oranye, merah dan ungu) dan opsi untuk memiliki gambar latar belakang di bilah samping.

Dasbor materi berikutnya dibuat menggunakan NextJS dan menggunakan kerangka kerja yang dibangun oleh teman kami Olivier - Material -UI, yang melakukan pekerjaan luar biasa menciptakan tulang punggung untuk efek materi, animasi, riak, dan transisi. Terima kasih banyak kepada timnya atas upaya dan pemikiran ke depan yang mereka lakukan.

Kami sangat senang berbagi dasbor ini dengan Anda dan kami berharap dapat mendengar umpan balik Anda!

Ini adalah open source, dan repo github dapat ditemukan di sini.

Terima kasih khusus untuk:

NEPCHA Analytics untuk alat analitik. NEPCHA sudah terintegrasi dengan dasbor material Next.js. Anda dapat menggunakannya untuk mendapatkan wawasan tentang sumber lalu lintas Anda.

Daftar isi

Versi
Demo
Awal yang cepat
Dokumentasi
Struktur file
Dukungan Browser
Sumber daya
Versi kit
Versi pro
Versi Pro Kit
Masalah pelaporan
Dukungan teknis atau pertanyaan
Lisensi
Tautan yang berguna

Versi

Nextjs	NodeJS	Laravel	Vue & Laravel	Vuetify

Html gelap	Html	Bereaksi	Vue	Bersudut

Demo

Halaman Mulai
Halaman profil pengguna
Halaman tabel
Halaman peta
Halaman pemberitahuan

Lihat lebih banyak.

Awal yang cepat

Opsi Mulai Cepat:

npm i nextjs-material-dashboard
Kloning Repo: git clone https://github.com/creativetimofficial/nextjs-material-dashboard.git .
Unduh dari GitHub.
Unduh dari Creative Tim.

Dokumentasi

Dokumentasi untuk dasbor material React di -host di situs web kami.

Struktur file

Dalam unduhan Anda akan menemukan direktori dan file berikut:

 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

Dukungan Browser

Saat ini, kami secara resmi bertujuan untuk mendukung dua versi terakhir dari browser berikut:

Sumber daya

Demo: https://demos.creative-tim.com/nextjs-siatalial-board
Halaman unduh: https://www.creative-tim.com/product/nextjs-siaterial-dashboard
Dokumentasi: https://www.creative-tim.com/learning-lab/nextjs/overview/material-dashboard
Perjanjian Lisensi: https://www.creative-tim.com/license
Dukungan: https://www.creative-tim.com/contact-us
Masalah: Halaman Masalah Gitub
NEPCHA Analytics - Alat Analisis untuk Situs Web Anda

Versi kit

Nextjs	Bereaksi asli	Vue	Hantu

Html	Bereaksi

Versi pro

Nextjs	Laravel	Vue & Laravel	Vuetify

Html	Bereaksi	Vue	Bersudut

Versi Pro Kit

Nextjs	Bereaksi asli	Vue	Laravel

Html	Bereaksi

Masalah pelaporan

Kami menggunakan masalah GitHub sebagai pelacak bug resmi untuk dasbor material bereaksi. Berikut adalah beberapa saran untuk pengguna kami yang ingin melaporkan masalah:

Pastikan Anda menggunakan versi terbaru dari dasbor material bereaksi. Periksa changelog dari dasbor Anda di situs web kami.
Memberikan kami langkah -langkah yang dapat direproduksi untuk masalah ini akan memperpendek waktu yang dibutuhkan untuk diperbaiki.
Beberapa masalah mungkin spesifik browser, jadi menentukan dalam browser apa yang Anda temui masalah mungkin membantu.

Dukungan teknis atau pertanyaan

Jika Anda memiliki pertanyaan atau memerlukan bantuan mengintegrasikan produk, silakan hubungi kami alih -alih membuka masalah.

Lisensi

Hak Cipta 2021 Creative Tim (https://www.creative-tim.com)
Lisensi Di Bawah MIT (https://github.com/creativetimofficial/nextjs--haterial-dashboard/blob/master/license.md)