ホーム>プログラミング関連>AI ソースコード
ダウンロード

マテリアルダッシュボードは反応します

NextJS Material Dashboardは、Googleのマテリアルデザインに触発された新鮮で新しいデザインで、無料のマテリアルUI、NextJS、およびReact Adminがあります。使いやすく美しいコンポーネントのセットを通じて、素材の概念を紹介することを非常に楽しみにしています。 NextJS Material Dashboardは、人気のあるMaterial-UI、NextJS、React Frameworksに基づいて構築されました。

NextJSマテリアルダッシュボードは、光、表面、および動きを利用しています。一般的なレイアウトは、複数の異なるレイヤーに続く紙のシートに似ているため、深さと順序は明らかです。ナビゲーションは主に左側のサイドバーにあり、コンテンツはメインパネルの右側にあります。

NextJSマテリアルダッシュボードには、サイドバーとカードヘッダー（青、緑、オレンジ、赤、紫）の両方に5つのカラーフィルター選択と、サイドバーに背景画像があるオプションが付属しています。

NextJS Material DashboardはNextJSを使用して作成され、友人のOlivier - Material -UIによって構築されたフレームワークを使用しています。努力してくれた彼のチームに感謝します。

このダッシュボードをあなたと共有できることを非常に楽しみにしています。あなたのフィードバックを聞くことを楽しみにしています！

これはオープンソースであり、GitHubリポジトリはここにあります。

特別に感謝します：

  • 分析ツールのNEPCHA分析。 Nepchaは既にnext.jsマテリアルダッシュボードと統合されています。それを使用して、トラフィックのソースに関する洞察を得ることができます。

目次

  • バージョン
  • デモ
  • クイックスタート
  • ドキュメント
  • ファイル構造
  • ブラウザのサポート
  • リソース
  • キットバージョン
  • プロバージョン
  • プロキットバージョン
  • 報告の問題
  • 技術サポートまたは質問
  • ライセンス
  • 便利なリンク

バージョン

Nextjs nodejsララヴェルVue＆Laravel vuetify
HTMLダークHTML反応しますvue角度

デモ

  • ページを開始します
  • ユーザープロファイルページ
  • テーブルページ
  • マップページ
  • 通知ページ

詳細をご覧ください。

クイックスタート

クイックスタートオプション：

  • npm i nextjs-material-dashboard
  • レポをクローンする： git clone https://github.com/creativetimofficial/nextjs-material-dashboard.git 。
  • Githubからダウンロードしてください。
  • Creative Timからダウンロードしてください。

ドキュメント

Material Dashboard Reactのドキュメントは、当社のWebサイトでホストされています。

ファイル構造

ダウンロードには、次のディレクトリとファイルがあります。 

 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

ブラウザのサポート

現在、次のブラウザの最後の2つのバージョンを正式にサポートすることを目指しています。

リソース

  • デモ：https：//demos.creative-tim.com/nextjs-material-dashboard
  • ダウンロードページ：https：//www.creative-tim.com/product/nextjs-material-dashboard
  • ドキュメント：https：//www.creative-tim.com/learning-lab/nextjs/overview/material-dashboard
  • ライセンス契約：https：//www.creative-tim.com/license
  • サポート：https：//www.creative-tim.com/contact-us
  • 問題：GitHubの問題ページ
  • NEPCHA Analytics-ウェブサイトの分析ツール

キットバージョン

Nextjsネイティブの反応vueおばけ
HTML反応します

プロバージョン

NextjsララヴェルVue＆Laravel vuetify
HTML反応しますvue角度

プロキットバージョン

Nextjsネイティブの反応vueララヴェル
HTML反応します

報告の問題

GitHubの問題を、マテリアルダッシュボードの反応の公式バグトラッカーとして使用しています。問題を報告したいユーザーへのアドバイスは次のとおりです。

  1. マテリアルダッシュボードの最新バージョンを使用していることを確認してください。当社のWebサイトのダッシュボードからChangelogを確認してください。
  2. 問題の再現可能な手順を提供すると、それが修正されるのにかかる時間が短くなります。
  3. いくつかの問題はブラウザに固有の可能性があるため、問題に遭遇したブラウザで指定すると役立つ可能性があります。

技術サポートまたは質問

質問がある場合や製品の統合が必要な場合は、問題を開く代わりにお問い合わせください。

ライセンス

  • 著作権2021クリエイティブティム（https://www.creative-tim.com）
  • ライセンスMIT（https://github.com/creativetimofficial/nextjs-material-dashboard/blob/master/license.md）

便利なリンク

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

ソーシャルメディア：

Twitter：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

拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて