Enlite Starter - 适用于全栈开发人员的 React 管理仪表板模板
Enlite Starter - 使用 Firebase Auth 的 React 仪表板入门模板 http://enlite.ux-maestro.com
在这里阅读文档
https://ilhammeidi.github.io/enlite-docs/#firebase
模板功能
- 现代技术。使用最流行的 JavaScript 库 React.JS 和 Redux 之一构建
- 优质设计。简洁大方的主题色以及深色和浅色模式
- 多种布局和 RTL 支持。侧边栏和顶栏导航布局。使用jss-rtl自动RTL调整样式
- 验证。使用 Firebase 社交和电子邮件登录
- 预构建应用程序。具有 Redux-Saga 和实时数据库集成的示例 CRUD 应用程序。
- 支持多语言。包括英语、德语、阿拉伯语、中文、印尼语、西班牙语 6 个翻译。
- 30+ React 组件和模块,可重复使用且易于修改。
- 各种示例页面登陆页面、2 个仪表板变体等等
- 用 ES6 编写的下一代 JavaScript
- 响应式设计基于标准12网格系统
- 入门项目。从头开始构建应用程序,而不会分散对固有功能的注意力。
- 测试单位。使用 Mocha 和 Chai 进行 Material UI 组件功能测试
- 高性能。使用 JSS(JS 中的 CSS)和异步代码分割进行样式设计。
- 由 eslint 维护的干净代码。
- 完全矢量图标和字体图标。
- 直接代码预览。无需打开文件即可轻松获取源代码。
- 还有更多……
获取 Prime 版本
立即在 Envato 市场获取
查看演示
安装
- 克隆这个项目
- 通过在终端
npm install
中运行此脚本来安装模块依赖项 - 下载完成后,构建Build Webpack DLL依赖项(如果需要)。
npm run build:dll
- 最后运行应用程序。
npm start
- 导航到 http://localhost:3001
部署
- 首先,您需要首先构建生产资产
npm run build
- 然后启动应用程序
npm run start:prod
- 如果你想在后台运行它,你可以尝试 PM2 https://www.npmjs.com/package/pm2 然后运行这个命令:
node node_modules/.bin/cross-env NODE_ENV=production pm2 start server
- 导航到 http://localhost:3001
启用直接代码预览
为了使文档易于、有效地访问和实施,我们在每个组件演示中附加了源代码。我们称之为直接代码预览。此功能只能在购买的产品中使用(演示版中不可用)。
- 打开配置文件
/app/config/codePreview.js
- 默认设置为 false
- 更改为
enable: true
,以启用直接代码预览 - 使用任何组件演示进行测试,例如 http://localhost:8080/app/tables/advanced-table。
- 然后在每个组件的底部您将看到<>显示代码按钮。只需点击它即可。
- 该组件的源代码也会显示。
- 您可以透视、直接复制和粘贴眼前的任何组件。
执照
该项目根据 MIT 许可证条款获得许可。