17 / 19Module 3 – FrontendAdvanced
Frontend: setup and run
Start the client application
The last step is to configure and launch the front end.
cd clientnpm installCreate a .env file by copying .env_example.
cp .env.example .envEdit the configuration values.
NEXT_PUBLIC_BLOCKCHAIN_RID=<DAPP_BRID> // the brid from the deploy the dapp stepNEXT_PUBLIC_NODE_API_URL=http://localhost:7740DAPP_BRID - set this to the brid you got when you deployed the dapp.
Run the development server:
npm run devAccess the application
With the server running, open the application in a browser:
- Go to http://localhost:3000.
- Connect your MetaMask wallet.
- Log in, or register a new account.
- Set a wallet password, which is used to encrypt your private key.
- You can now make private transfers.
The following sections walk through each part of the application in more depth.
Written for this site from Chromia’s public course. Code samples are the course’s own.