react saas template

React SaaS 模板

我曾經嘗試建立的 SaaS 業務的遺跡。現在轉變為使用 React + Material-UI 建立 SaaS/管理應用程式的模板。

查看示範

入門

先決條件

Node.js 12+（以下版本可以工作，但未經測試）

• Linux：

   sudo apt install nodejs npm
  

• Windows 或 macOS：

  https://nodejs.org/en/

安裝中

1. 克隆儲存庫

    git clone https://github.com/dunky11/react-saas-template
   

2. 安裝依賴項，這可能需要一分鐘

    cd react-saas-template
   npm install
   

3. 啟動本機伺服器

    npm start
   

您的瀏覽器現在應該打開並顯示該應用程式。否則在瀏覽器中開啟 http://localhost:3000/。編輯文件會自動刷新頁面。

接下來該怎麼辦？

如果您是 React 新手，您應該先觀看基本的 React 教學。

如果您了解 React，那麼您需要的大部分資訊都在 Material-UI 文件中。

您可以進入 src/theme.js 並將腳本頂部的主要和次要顏色程式碼更改為您喜歡的值，一些神奇的事情就會發生。

部署

如果您對網站的狀態感到滿意，您可以運行：

 npm run build 

它將建立一個名為 build 的資料夾，其中包含已編譯的專案。之後將其內容複製到您的網路根目錄中，您就可以開始了。

內建

• Create-React-App - 用於引導開發
• Material-UI - 材質設計組件
• React-Router - 應用程式的路由
• 速度 - 頂部的載入欄
• Emoji-Mart - 表情符號選擇器
• React-Dropzone - 用於上傳的文件放置元件
• Recharts - 我用於統計的圖表庫
• Aos - 基於視窗的動畫
• React-Cropper - 用於映像上傳的裁剪器
• React-Stripe-js - Stripes 支付元素

貢獻

表達您對該項目的支持。始終歡迎拉取請求。

執照

該項目已根據 MIT 許可證獲得許可 - 有關詳細信息，請參閱 LICENSE.md 文件。