Skip to content

mangrovedao/mangrove-webapp-v2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Configuration

Env vars

This web app supports the following env vars:

Env var Description
NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID The project_id to setup the Walletconnect user wallet
NEXT_PUBLIC_WHITELISTED_CHAIN_IDS The whitelisted chain ids to show with walletconnect

Prerequisites

This project is using NPM and Node v16.x

  1. Create the .env file and fill it with values in the .env.example
  2. Create an account on Walletconnect in order to get the project id and assign that value to the NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID env variable.
  3. Create the NEXT_PUBLIC_WHITELISTED_CHAIN_IDS env variable and set the default network id (ex: 80001 for Polygon Mumbai or 137 for Polygon Mainnet). If the user doesn't have that network configured or is connected to another unsupported chain, the default chainId will be proposed to the user. You can also specify multiple chain ids separated by a comma (80001,137), the first will be the default network (which will be proposed to the user first)

Create T3 App

This is a T3 Stack project bootstrapped with create-t3-app.

What's next? How do I make an app with this?

We try to keep this project as simple as possible, so you can start with just the scaffolding we set up for you, and add additional things later when they become necessary.

If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our Discord and ask for help.

Learn More

To learn more about the T3 Stack, take a look at the following resources:

You can check out the create-t3-app GitHub repository — your feedback and contributions are welcome!

How do I deploy this?

Follow our deployment guides for Vercel, Netlify and Docker for more information.