diff --git a/content/tutorials/custom-zk-chain/10.index.md b/content/tutorials/custom-zk-chain/10.index.md index c4b82528..76c99a25 100644 --- a/content/tutorials/custom-zk-chain/10.index.md +++ b/content/tutorials/custom-zk-chain/10.index.md @@ -206,6 +206,61 @@ zkstack server With this, your L1 chain should be running at port `8545`, and the `zk_chain_1` node should be running at port `3050`. +## Setting up the portal + +The [Portal](https://github.com/matter-labs/dapp-portal) module is a web-app that allows you to: + +- Bridge & transfer tokens to your ZK chain. +- View balances. +- Add contacts for quick and easy access. + +Once you have at least one chain initialized, you can run the portal app locally: + +```bash +zkstack portal +``` + +This command will start the dockerized portal app using configuration from `apps/portal.config.json` file inside your +ecosystem directory. You can edit this file to configure the portal app if needed. + +You can now navigate to the portal web-app. By default, portal frontend starts on +`http://localhost:3030`, you can configure the port in `apps.yaml` file. + +## Setting up a block explorer + +A block explorer is a web-app that lets you view and inspect transactions, blocks, +contracts and more. A [free open source block explorer](https://github.com/matter-labs/block-explorer) is available for your ZK chain. + +First, each chain should be initialized: + +```bash +zkstack explorer init +``` + +This command creates a database to store explorer data and generates a docker compose file with explorer services +(`explorer-docker-compose.yml`). + +Next, for each chain you want to have an explorer, you need to start its backend services: + +```bash +zkstack explorer backend --chain +``` + +This command uses previously created docker compose file to start the services (api, data fetcher, worker) required for +the explorer. + +Finally, you can run the explorer app: + +```bash +zkstack explorer run +``` + +This command will start the dockerized explorer app using configuration from `apps/explorer.config.json` file inside +your ecosystem directory. You can edit this file to configure the app if needed. + +You can now navigate to the explorer web-app. By default, explorer frontend starts on +`http://localhost:3010`, you can configure the port in `apps.yaml` file. + ## Funding a wallet on your chain Because you chose to use a local reth node for your L1 and selected ETH as the base asset,