الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

تفاعل لوحة القيادة المادية

NextJS Material Dashboard هي عبارة عن مواد مجانية ، و NextJs و React Admin مع تصميم جديد وجديد مستوحى من تصميم مواد Google. نحن متحمسون للغاية لتقديم مفاهيم المواد الخاصة بنا من خلال مجموعة سهلة الاستخدام ومجموعة من المكونات الجميلة. تم بناء لوحة معلومات Material NextJS على المواد الشهيرة-UI و NextJs وأطر React.

تستخدم لوحة معلومات المواد NextJS الضوء والسطح والحركة. يشبه التصميم العام أوراق الورق بعد طبقات مختلفة متعددة ، بحيث يكون العمق والترتيب واضحين. يبقى التنقل بشكل رئيسي على الشريط الجانبي الأيسر والمحتوى على اليمين داخل اللوحة الرئيسية.

NextJS Material Dashboard تأتي مع 5 خيارات تصفية الألوان لكل من الشريط الجانبي ورؤوس البطاقات (الأزرق والأخضر والأبراج والأحمر والأرجواني) وخيار للحصول على صورة خلفية على الشريط الجانبي.

تم إنشاء NextJs Material Dashboard باستخدام NextJS ويستخدم إطار عمل صممه صديقنا Olivier - Material -Ui ، الذي قام بعمل رائع في إنشاء العمود الفقري للتأثيرات المادية والرسوم المتحركة والتموجات والانتقالات. شكر كبير لفريقه على هذا الجهد والاعتقاد بأنهم وضعوا فيه.

نحن متحمسون للغاية لمشاركة لوحة القيادة هذه معك ونتطلع إلى سماع ملاحظاتك!

إنه مفتوح المصدر ، ويمكن العثور عليه هنا.

شكر خاص إلى:

  • Nepcha Analytics لأداة التحليلات. تم دمج NEPCHA بالفعل مع لوحة معلومات المواد NEXT.JS. يمكنك استخدامه لاكتساب نظرة ثاقبة على مصادر حركة المرور الخاصة بك.

جدول المحتويات

  • الإصدارات
  • العرض التوضيحي
  • بداية سريعة
  • الوثائق
  • بنية الملف
  • دعم المتصفح
  • موارد
  • إصدارات مجموعة
  • إصدارات PRO
  • Pro Kit إصدارات
  • الإبلاغ عن القضايا
  • الدعم الفني أو الأسئلة
  • الترخيص
  • روابط مفيدة

الإصدارات

NextJS Nodejs لارافيل Vue & Laravel vuetify
HTML الظلام HTML رد فعل Vue زاوي

العرض التوضيحي

  • بدء الصفحة
  • صفحة ملف تعريف المستخدم
  • صفحة الجداول
  • صفحة الخرائط
  • صفحة الإخطارات

عرض المزيد.

بداية سريعة

خيارات البدء السريع:

  • npm i nextjs-material-dashboard
  • استنساخ repo: git clone https://github.com/creativetimofficial/nextjs-material-dashboard.git .
  • تحميل من جيثب.
  • تنزيل من الإبداع تيم.

الوثائق

يتم استضافة وثائق Dashboard React على موقعنا.

بنية الملف

ضمن التنزيل ستجد الدلائل والملفات التالية: 

 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

دعم المتصفح

في الوقت الحاضر ، نهدف رسميًا إلى دعم الإصدارين الأخيرين من المتصفحات التالية:

موارد

  • العرض التوضيحي: 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
  • القضايا: صفحة قضايا جيثب
  • Nepcha Analytics - أداة تحليلات لموقع الويب الخاص بك

إصدارات مجموعة

NextJS رد فعل مواطن Vue شبح
HTML رد فعل

إصدارات PRO

NextJS لارافيل Vue & Laravel vuetify
HTML رد فعل Vue زاوي

Pro Kit إصدارات

NextJS رد فعل مواطن Vue لارافيل
HTML رد فعل

الإبلاغ عن القضايا

نحن نستخدم مشكلات GitHub كتعقب أخطاء رسمي لـ Material Dashboard React. فيما يلي بعض النصائح لمستخدمينا الذين يرغبون في الإبلاغ عن مشكلة:

  1. تأكد من أنك تستخدم أحدث إصدار من Dashboard Dashboard React. تحقق من changelog من لوحة القيادة الخاصة بك على موقعنا.
  2. إن تزويدنا بخطوات قابلة للتكرار لهذه المشكلة سيقصر الوقت الذي يستغرقه إصلاحها.
  3. قد تكون بعض المشكلات محددة للمتصفح ، لذا فإن تحديد المستعرض الذي واجهته في المشكلة قد تساعد.

الدعم الفني أو الأسئلة

إذا كانت لديك أسئلة أو تحتاج إلى مساعدة في دمج المنتج ، فيرجى الاتصال بنا بدلاً من فتح مشكلة.

الترخيص

  • حقوق الطبع والنشر 2021 الإبداعية تيم (https://www.creative-tim.com)
  • مرخصة بموجب معهد ماساتشوستس للتكنولوجيا (https://github.com/creativetimofficial

روابط مفيدة

المزيد من المنتجات من 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

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل