mui nextjs admin

Finalgoal - 免費 MUI NextJS 管理儀表板

為開發人員建立的最強大、最全面的免費 MUI NextJS 管理儀表板範本！

介紹

如果您是開發人員，正在尋找為開發人員構建的最強大、最全面的免費 MUI NextJS 管理儀表板模板，功能豐富且高度可自訂，那麼 Materio 就是您的最佳選擇。我們遵循最高的行業標準，為您帶來最好的管理模板，不僅易於使用，而且具有高度可擴展性。提供終極便利和靈活性，您將能夠輕鬆建立您想要的任何應用程式。

輕鬆建立優質應用程式。使用最具創新性的 NextJS 管理範本之一來建立引人注目的高品質 Web 應用程式。您的應用程式將完全響應，確保它們在桌上型電腦、平板電腦和行動裝置上看起來令人驚嘆並完美運作。

Materio 提供了一個有 TypeScript 和 JavaScript 的模板。

查看示範

特徵 ？

• ⚡ Next.js 與 App Router 支持
• ？與 MUI 和 Tailwind CSS 集成
• ✅ TypeScript 和 JavaScript 支持
• ？使用 ESLint 進行 Linter
• ？帶有 Prettier 的代碼格式化程序
• ？ VSCode 配置：設定、擴充和自訂片段
• 帶有別名的絕對導入
• ☕ 縮小 HTML 和 CSS
• ？即時重新載入
• ✅ 快取清除
• 易於客製化
• ？ SEO友善
• 生產就緒

要求 ✅

• Node.js LTS 版本（不是目前版本）
• 新專案管理

安裝⚒️

在 Materio 中安裝和運行模板非常簡單，請按照以下步驟操作，您應該準備好了嗎？

1. 確保您已安裝 Node.js (LTS)。如果您的系統中已安裝 Node.js，請確保安裝的版本是 LTS（而不是最新版本）

2. 導航到typescript-version或javascript-version資料夾並執行以下命令來安裝package.json檔案中列出的本機相依性。您可以根據自己的喜好使用pnpm 、 yarn或npm

   建議使用 pnpm 進行更好的依賴管理

    # For pnpm (recommended)
   pnpm install
   
   # For yarn
   yarn install
   
   # For npm
   npm install

3. 將.env.example檔案重新命名為.env文件

4. 現在，您可以藉助下面所示的命令來啟動伺服器。開啟 http://localhost:3000 來檢查你的開發狀況。

    # For pnpm (recommended)
   pnpm dev
   
   # For yarn
   yarn dev
   
   # For npm
   npm run dev

包含什麼？

• 佈局
  • 空白的
  • 滿的
  • 盒裝
• 儀表板
• 頁數
  • 帳戶設定
  • 登入
  • 登記
  • 忘記密碼
  • 錯誤
  • 維護中
• 圖標化圖標
• 基本卡
• 表單佈局

高級版有什麼？

Materio 免費版	Materio 高級版
示範	示範
下載	購買
單一垂直菜單	垂直（+垂直折疊）和水平菜單
預設皮膚	預設、有邊框和半深色皮膚
1個簡單的儀表板	5 利基儀表板
-	10 個應用程序，包括電子商務、學院、電子郵件、聊天、日曆、發票、看板等。
簡單的表單佈局	進階表單佈局、表單驗證和表單精靈
基本卡	基礎、進階、統計、圖表、遊戲化和行動卡
-	快速搜尋 - 在頁面之間快速導航（支援熱鍵）
基本表	進階表格
1 個圖表庫	2個圖表庫
6頁	35+頁
簡單的導覽列和頁腳	多個導覽列和頁腳選項
-	使用 NextAuth 進行身份驗證
-	RTL（從右到左）支持
-	Redux 工具包
-	多語言支援
-	入門套件
-	定制器抽屜用於檢查即時應用程式中的選項
有限定制	無限的定制可能性
定期支持	優先支持

文件

查看我們的即時文檔

部署

查看我們的部署文檔

瀏覽器支援

*它還支援其他實作最新CSS標準的瀏覽器

貢獻？

隨時歡迎並推薦貢獻！具體方法如下：

• 分叉存儲庫（這是指南）。
• 複製到您的機器git clone https://github.com/YOUR_USERNAME/REPO_NAME進行更改
• 建立拉取請求

貢獻要求 ?

• 當您做出貢獻時，您同意向 ThemeSelection 授予非獨佔許可，以在我們 (ThemeSelection) 認為合適的任何情況下使用該貢獻。
• 如果您使用另一方提供的內容，則必須使用開源許可證以獲得適當的許可。
• 僅透過 Github 拉取請求接受貢獻。
• 最後，貢獻的程式碼必須在所有支援的瀏覽器中運行（請參閱上面的瀏覽器支援）。

變更日誌？

請參閱 CHANGELOG 檔案。我們將為每個新版本添加詳細的發行說明。

支援

對於免費產品，請透過 GitHub issues 享受社區支持。升級到高級版以獲得我們專家團隊的專門支援。

許可證©

• 版權所有 © 主題選擇
• 獲得麻省理工學院許可
• 我們所有的免費專案都是開源的，並獲得麻省理工學院的許可。您可以將我們的免費物品用於個人和商業目的。我們只需要您的歸屬。複製以下連結並將其貼上到您的 Web 應用程式或專案的頁腳。

   < a href =" https://themeselection.com/ " > ThemeSelection </ a > 

也可用於

正在尋找高階管理範本？ ？

ThemeSelection提供精選的高品質、現代設計、專業且易於使用的完全編碼儀表板模板和 UI 套件，以更快地創建您的應用程式！

• Bootstrap 管理模板
• VueJS 管理模板
• Laravel 管理模板
• Django 管理模板
• React (NextJS) 管理模板
• ASP.Net Core 管理模板
• 免費使用者介面套件

如果您想下載像 Materio 這樣的免費管理模板，請造訪 ThemeSelection。

有用的連結？

• Vue 備忘錄
• 免費贈品
• 下載免費管理模板
• Bootstrap 5 備忘單