Install User Interface

git clone https://github.com/WhiteRiverBay/beaver-payment-ui

Deploying with Cloudflare (Recommended)

Assuming you already have a Cloudflare account and a GitHub account (details on setting these up are omitted):

1. Fork the Repository

Navigate to the Beaver Payment UI repository and click Fork to create a copy under your account.

2. Edit Modify .env.prod

Update the value of REACT_APP_API in the .env.prod file to point to your custom Beaver Payment API server endpoint. Then, commit and push the changes.

3.Create a Cloudflare Pages project

• Create a new Pages project in Cloudflare.

• Link it to your forked GitHub repository by selecting the beaver-payment-ui repository.

• During the configuration phase, set the following values:

  • Build Command: npm run build:prod

  • Build Output Directory: build

4. Build and Deploy

The system will automatically build and deploy the project.

5. Bind a custom domain

6. Verify deployment

---

Standalone Deployment

git clone https://github.com/WhiteRiverBay/beaver-payment-ui
cd beaver-payment-ui
vim .env.prod # Modify the server API endpoint
npm run build:prod

Copy the build directory and deploy it to your own Nginx server, S3 bucket, or other hosting platform.

Set up a domain and configure HTTPS support for the server hosting the UI.