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 許可證條款獲得許可。