StaFi LSD Stack

Appearance

How to deploy an EVM LSD App ​

EVM LSD App is an user interface where users can stake, unstake and get latest information about the project. As a convention in web3 all API users interact with are directly from the RPC configured in wallet, so the app is a pure DApp.

Setup Node.js env ​

  1. Install Node.js >= v16
  2. Install yarn via npm: npm install --global yarn

Fork and clone codebase ​

  1. Fork EVM LSD App on GitHub
  2. Enter project root directory then install all dependencies via terminal: yarn
  3. Start app by: yarn dev

Config your app ​

In normal case you do not need update ABI files, but if you modify the contracts then you probably want to update abi files which are in config/abi folder.

  • Change your token config, branding links and text here: config/appConf/app.json
  • Set your network and contract address on Testnet here: config/appConf/dev.json
  • Set your network and contract address on Mainnet here: config/appConf/prod.json

Customize theme ​

You can change color config in tailwind.config.js, each color has light & dark versions(i.e text1 & text1Dark).

Build and deploy ​

Run yarn build or yarn build:dev to build your app, the static files will be placed in out folder. Upload those files to any static web hosting services you like.