mantine analytics dashboard下载-Mantine mantine analytics dashboard源代码下载

mantine analytics dashboard

Ai源码

UI updates and bug fixes

下载

公告

添加了文件管理器页面UI
更新到最新7.14.3
新的黑暗模式变体
新的侧边栏版本，现在我们有了完整的，迷你和完整的崩溃模式

实时预览
组件预览
中等的
产品路线图 *新*

关于

使用Mantine 7上构建的专业管理员和仪表板模板，配备了数百个UI组件，表单，表，图表，页面和图标。该模板是使用Next V14，React，Apex图表，Mantine DataTable和Storybook构建的。

预览图像

先前的版本

仪表板模板的先前版本，支持下一个页面路由器和Mantine 6。要查看实时演示，请使用此链接 - 预览 - 签约fork repo使用此链接 - 版本1

特征

可自定义：您无需成为专家即可自定义模板。我们的代码非常可读且有据可查。
完全响应：使用移动，平板电脑和桌面支持，您使用的设备都无关紧要。 ANTD仪表板在所有浏览器中都响应敏感。
跨浏览器：我们的主题与Chrome，Firefox，Opera和Edge完美合作。我们正在努力支持他们。
干净的代码：我们严格遵循Ant Design的指南，使您的集成尽可能容易。所有代码都是手写的。
定期更新：时不时会收到一个更新，其中包含新组件，改进和错误修复。

技术堆栈

为了使此模板很棒，我使用了以下包：

核

Next JS V14： Next.js是一个由私人公司Vercel创建的开源Web开发框架，该框架可提供基于React的Web应用程序，并使用服务器端渲染和静态网站生成。
Mantine V7： Mantine是React UI组件库。它建立在React和TypeScript之上，并为构建高性能Web应用程序提供了各种组件和钩子。
React V18： React是一个免费的开源前端JavaScript库，用于基于组件构建用户界面。
TypeScript V5： Typescript是Microsoft开发的一种免费的开源高级编程语言，可在JavaScript中添加带有可选类型注释的静态键入。
Storybook V7： Storybook是一种免费的开源工具，用于隔离开发UI组件。 Web开发人员使用它来改善其UI开发工作流程并构建更好的Web应用程序。
更改集CLI V2： Changeet是一个包装，有助于管理我的版本和更改。
NextAuth v4： NextAuth.js是一个灵活且安全的身份验证库，可用于Next.js中的客户端身份验证。
表图标V2：表图标是一个免费的开源图标库，具有超过4,700个图标。这些图标的设计具有现代美感，适用于广泛的应用。
Mantine DataTable V7： Mantine DataTable是一种可用于创建数据丰富的用户界面的React组件。它是一个表明黑暗主题并为曼丁UI设计的表组件。
Lodash V4： JavaScript实用程序库提供一致性，模块化，性能和附加功能。
Apex Chart V3：S ApexCharts是一个免费的开源JavaScript图表库，允许开发人员为网页创建交互式数据可视化。它可用于商业和非商业项目。
Dayjs v1： Day.js是一个处理日期和时间的JavaScript库。
Tiptap V2：基于Prosemirror的无头，框架敏捷且可扩展的文本编辑器。
FullCalendar V6 ：FullCalendar是一个JavaScript事件日历，具有超过300个设置。它是开源的，有一个自由核心。
DND-KIT V6： DND-KIT是一种轻巧，模块化和可扩展的拖放工具包，用于React。它也可以访问和表现。
Embla Carousel V7： Embla Carousel是一个轻巧的旋转木制库，具有流畅的运动和精确的刷卡。
React Simple Maps V3：使用和为React构建的SVG地图图组件。
文员/nextjs v4：店员next.js是围绕店员的包装纸。它允许用户使用店员React提供的钩子。
React Countup V6： countup.js周围的React组件包装器。

开发

Prettier V3： Prettier是一种自动格式化代码的代码格式，以确保其一致且易于阅读。
HUSKY V8： Husky是一种工具，可以更轻松地使用Git钩。 Prettier是代码格式。
皮棉上演的V15：皮棉阶层将自动在提交中添加任何修改，只要没有错误。
PostCSS V8： PostCSS是一个JavaScript库，使用插件来转换CSS。它将CSS转移到抽象语法树中，然后由JavaScript对象表示。

快速开始

下载

克隆此仓库git克隆https://github.com/design-sparx/mantine-analytics-dashboard.git
从Github下载

构建工具

您需要安装node.js。安装Node.js后，运行NPM安装以安装模板的其余依赖项。所有依赖项将下载到node_modules目录。

npm install

现在，您可以修改源文件并生成新文件。要自动检测文件更改并在http：// localhost：3000启动本地Web服务器，请运行以下命令。

npm run dev

编译，优化，缩小和uglify所有源文件以构建/

npm run build

文件结构

在Zip-File内部，您会找到以下目录和文件。在ZIP文件中，您都会找到以下目录和文件。包装和缩小的分发文件以及源文件都包含在软件包中。

 mantine-analytics-dashboard/
├── .changeset
├── .github
├── .gitignore
├── .editorconfig
├── .prettierignore
├── .prettierrc
├── README.md
├── CHANGELOG.md
├── LICENSE
├── index.html
├── package.json
├── tsconfig.json
├── next.config.js
├── postcss.config.cjs
├── clerkMiddleware.ts
├── yarn.lock
├── public/
│   ├── mocks/
│   ├── _redirects
│   ├── favicon.ico
├── src/
│   ├── .changeset/
│   ├── .github/
│   ├── .husty/
│   ├── .storybook/
│   ├── .yarn/
│   ├── app/
├────── api/
├────── error.tsx
├────── error.module.css
├────── global.css
├────── layout.tsx
├────── loading.tsx
├────── not-found.tsx
├────── page.module.css
├────── page.tsx
│   ├── components/
│   ├── hooks/
│   ├── layout/
│   ├── providers/
│   ├── public/
│   ├── routes/
│   ├── styles/
│   ├── theme/
│   ├── types/
│   ├── utils/
└──