react-saas-template

? Template for building an SaaS or admin website using React + Material-UI

Github星跟蹤圖

React SaaS Template

Remains of a SaaS business I once tried to build. Now transformed into a template for building an SaaS/admin application using React + Material-UI.

Check out the demo

Node.js CI
Dependabot Status
code style: prettier

Getting Started

Prerequisites

Node.js 12+ (versions below could work, but are not tested)

Installing

  1. Clone the repository

    git clone https://github.com/dunky11/react-saas-template
    
  2. Install dependencies, this can take a minute

    cd react-saas-template
    npm install
    
  3. Start the local server

    npm start
    

Your browser should now open and show the app. Otherwise open http://localhost:3000/ in your browser. Editing files will automatically refresh the page.

What to do next?

If you are new to React, you should watch a basic React tutorial first.

If you already know React, then most of the information you need is in the Material-UI documentation.

You can go into src/theme.js and change the primary and secondary color codes at the top of the script to the values you like and some magic will happen.

Deployment

If you are happy with the state of your website you can run:

npm run build 

It will create a folder named build with your compiled project inside. After that copy its content into your webroot and you are ready to go.

Build With

Things im currently working on

  • Improving the encapsulation of components
  • smoothScrollTop() sometimes stops scrolling top when components with big height are still rendering
  • When a Dialog is opened there is a margin on the right side of the viewport (could be that this is not fixable without shaking the viewport on dialog open)
  • shadeColor() throws errors on certain color codes
  • Adding iDEAL, FBX and PaymentRequestButton to avaible payment methods

Contribute

Show your support by ⭐ the project. Pull requests are always welcome.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

主要指標

概覽
名稱與所有者dunky11/react-saas-template
主編程語言JavaScript
編程語言JavaScript (語言數: 3)
平台
許可證MIT License
所有者活动
創建於2020-01-30 23:38:23
推送於2024-05-04 19:19:41
最后一次提交2022-03-10 13:17:22
發布數0
用户参与
星數1.9k
關注者數36
派生數415
提交數1.3k
已啟用問題?
問題數12
打開的問題數2
拉請求數433
打開的拉請求數18
關閉的拉請求數193
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?