Mantine Admin下载-Mantine Mantine Admin源代码下载

Mantine Admin

Ai源码

1.0.0

下载

Mantine Admin

演示→

只需单击几下即可部署自己的模板副本！

介绍

该模板具有许多文件夹，代码示例和配置。随意编辑或删除它们，包括此读数！

自定义和享受！

？特征

该项目具有所有最新工具和网络开发中的良好实践！

框架

⚛️Annex.js - 混合和服务器渲染的完整反应框架

数据获取

？ KY-基于浏览器Fetch API的微小而优雅的HTTP客户端
React查询- 用于获取，缓存和更新异步数据的挂钩

国家管理和钩子

？ Zustand - 使用简化的通量原理的小型，快速且可扩展的国家管理解决方案
？反应使用- 基本反应钩的收集

设计系统和动画

？ Mantine-UI - 一个简单，模块化且易于访问的组件库，它为您提供构建React应用程序的构建块
表图标- 一系列流行的图标来反应项目

表单验证

？ React Hook形式- 具有易于使用验证的性能，灵活和可扩展的形式
ZOD - 使用静态类型推理的打字稿优先架构验证

测试

？开玩笑- 令人愉悦的JavaScript测试框架，重点是简单
？测试库- 简单而完整的测试公用事业，鼓励良好的测试实践

设计模式

⛔eslint - 在JavaScript代码中查找并解决问题
？ Prettier - 一种自以为是的代码格式，支持多种语言和代码编辑器
？沙哑- 现代本地git挂钩变得容易
？绒毛段- 运行针对上演的git文件的衬里，不要放任吗？滑入您的代码库
？ commlint - 帮助您的团队遵守提交大会
？️标准版本- 使用SEMVER和CHAMPELOG生成版本的版本控制的实用程序。

分析

?? ‍♂️为什么要渲染（可选） - 通知您有关可能避免的重新租赁的信息

▶q入门

？在github上创建新的存储库

单击“使用此模板”按钮
配置您的新存储库，然后单击“从模板创建存储库”按钮
现在，您可以将生成的存储库克隆到本地计算机：

 $ git clone https://github.com/ < YOUR-GITHUB-LOGIN > / < NAME-OF-YOUR-GENERATED-REPOSITORY > .git

安装

在开始开发超级应用程序之前，您需要安装项目的依赖项。

将自己移至项目的根源：

$ cd < NAME-OF-YOUR-GENERATED-REPOSITORY >

对于下一步，选择您选择的软件包管理器，然后更改package.json脚本中包含的命令。有关更多信息，请参见他们的文档：
PNPM（推荐）
NPM

安装项目的所有依赖性：

 # PNPM
$ pnpm install
# NPM
$ npm install

⌨️发展

一旦安装了所有依赖项，您就可以运行本地开发服务器：

 # PNPM
$ pnpm dev
# NPM
$ npm run dev

现在只需代码！

生产

应用更改后，您可以生成构建以测试和/或部署到生产环境中。

制作生产：

 # PNPM
$ pnpm build
# NPM
$ npm run build

然后运行构建：

 # PNPM
$ pnpm start
# NPM
$ npm start

查看更多您可以使用的命令

皮棉

 # PNPM
$ pnpm run lint
# NPM
$ npm run lint

皮棉和修复

 # PNPM
$ pnpm run lint:fix
# NPM
$ npm run lint:fix

测试

 # PNPM
$ pnpm run test # or pnpm run test:watch
# NPM
$ npm run test # or npm run test:watch

类型检查

 # PNPM
$ pnpm run type-check
# NPM
$ npm run type-check

格式

 # PNPM
$ pnpm run format
# NPM
$ npm run format

交互式更新工具

 # PNPM
$ pnpm run up
# NPM
$ npm run up

更新所有依赖关系

 # PNPM
$ pnpm run up-latest
# NPM
$ npm run up-latest

发布作为主要版本

 # PNPM
$ pnpm run release-as-major
# NPM
$ npm run release-as-major

以次要版本发布

 # PNPM
$ pnpm run release-as-minor
# NPM
$ npm run release-as-minor

发布作为补丁版本

 # PNPM
$ pnpm run release-as-patch
# NPM
$ npm run release-as-patch

发布发布

 # PNPM
$ pnpm run push-release
# NPM
$ npm run push-release

从远程获取更新并维护当前更改

 # PNPM
$ pnpm run pull
# NPM
$ npm run pull

额外的配置

你为什么渲染

如何激活

将babel.config.js文件（位于路径src/scripts中的Path SRC/脚本中）放在项目root和DELETE .babelrc文件中。

删除pages/_app.tsx上的wdyr导入线。

就是这样！现在，您可以Monitore React Recreders！

如何卸载

只需删除babel.config.js和wdyr.ts文件，删除wdyr import Line在pages/_app.tsx上，然后卸载IT：

 # PNPM
$ pnpm uninstall @welldone-software/why-did-you-render
# NPM
$ npm uninstall @welldone-software/why-did-you-render

？文件树

请参阅下面的文件树以了解项目结构。

查看文件树

标记为（ ** ）的文件夹和文件是可选的，因此您可以删除。

 mantine-admin/
┣  .github/                   # GitHub's folder configs **
┣  .husky/                    # Husky's folder
┃ ┣ ? commit-msg               # Commitlint git hook
┃ ┗ ? pre-commit               # Lint-staged git hook
┣  .vscode/                   # VSCode's workspace **
┣  public/                    # Public folder
┃ ┣  static/                  # Static files folder **
┃ ┃ ┣  icons/                 # Icons folder **
┃ ┃ ┣  images/                # Images folder **
┃ ┃ ┣  sounds/                # Sounds folder **
┃ ┃ ┗  videos/                # Videos folder **
┃ ┣  docs/                    # Documentation folder **
┃ ┃ ┣  demo/                  # Demonstrations project **
┃ ┃ ┗  translations/          # Translations folder **
┃ ┣ ? favicon.ico              # Icon tab browser
┣  src/
┃ ┣  app/                   # App pages
┃ ┣  components/              # App Components
┃ ┃ ┗  Motion/                # Mantine-UI components **
┃ ┣  hooks/                   # React Hooks **
┃ ┃ ┗ ? useFetch.ts            # SWR fetch hook (optional) **
┃ ┣  interfaces/              # TypeScript Interfaces
┃ ┣  scripts/                 # Additional scripts **
┃ ┃ ┣ ? babel.config.js        # Babel config with WDYR **
┃ ┃ ┗ ? wdyr.ts                # WDYR file **
┃ ┣  services/                # Services
┃ ┃ ┗  users/
┃ ┃   ┣ ? index.ts             # React Query Configuration
┃ ┃   ┗ ? keys.ts              # React Query Key
┃ ┣  stores/                  # Zustand stores
┃ ┣  styles/                  # Styles folder
┃ ┃ ┣ ? bgImages.ts            # SVG background images **
┃ ┃ ┗ ? theme.ts               # Mantine-UI theme
┃ ┗  utils/                   # Useful functions **
┣ ? .babelrc                   # Default Babel config
┣ ? .editorconfig              # Editor config
┣ ? .eslintignore              # ESLint ignore
┣ ? .eslintrc                  # ESLint config
┣ ? .gitignore                 # Git ignore
┣ ? .versionrc                 # Versioning config
┣ ? .commitlintrc              # Commitlint config
┣ ? jest.config.js             # Jest config
┣ ? jest.setup.js              # Jest setup
┣ ? LICENSE                    # License of the project
┣ ? next-env.d.ts              # Next.js types to TypeScript
┣ ? next.config.js             # Next.js config
┣ ? .prettierrc                # Prettier config
┣ ? README.md                  # Main README
┣ ? renovate.json              # Renovate Bot config **
┣ ? tsconfig.json              # TypeScript config