reforge

作為 React 樣板的企業應用程式的開箱即用 UI 解決方案。

演示·報告錯誤·請求功能

特徵

• 使用Tailwindcss和Ant Design優雅且可自訂的 UI。
• 使用React Router單頁面應用程式。
• 使用reqres模擬 API 請求。
• 使用@ant-design/pro-components強大佈局和表格。
• 使用@loadable/component進行程式碼分割和延遲載入元件。
• 使用react-redux和@reduxjs/toolkit進行狀態管理。
• 使用redux-persist持久化 redux 狀態。
• 使用nprogress載入進度條。
• 啟用ESLint和Prettier 。
• 啟用漸進式 Web 應用程式 (PWA) 的選項。 （僅在生產版本中可用）
• 啟用 Axios 攔截器來處理 API 授權。
• 用於檢查新 Pull 請求的自動化工作流程。

示範

https://reforge.netlify.app

證書

• 電子郵件： [email protected]
• 密碼： password

用法

• 克隆項目並更改目錄。

  git clone https://github.com/arifszn/reforge.git
  cd reforge

• 安裝依賴項。

  npm install

• 運行開發伺服器。

  npm run dev

• 最後，從瀏覽器造訪http://localhost:5173 。憑證可以在上面找到。

配置

包括應用程式名稱、主題顏色、元標記等的設定可以透過位於專案根目錄下的一個檔案config.ts控制。

 //config.ts
const CONFIG = {
  appName : 'Reforge' ,
  enablePWA : true ,
  theme : {
    accentColor : '#818cf8' ,
    sidebarLayout : 'mix' ,
    showBreadcrumb : true ,
  } ,
  metaTags : {
    title : 'Reforge' ,
    description :
      'An out-of-box UI solution for enterprise applications as a React boilerplate.' ,
    imageURL : 'logo.svg' ,
  } ,
} ;

export default CONFIG ; 

支援

您可以為該項目加註星標來表達您的支持。 ★

貢獻

要做出貢獻，請參閱貢獻指南。

執照

麻省理工學院