zkSync Portal is a state-of-the-art dapp, merging the power of bridge, tokens manager and transaction history into one user-friendly interface. Designed with a stress on effortless user experience, it simplifies token management, making it your premier interface for interacting with both zkSync versions - every interaction smooth and efficient.
- π₯οΈ Intuitive interface for managing, sending, and bridging zkSync Era.
- π Ability to add contacts for quick and easy access.
- π§ Effortless setup and connection to local zkSync nodes or ZK Stack Hyperchains.
- π Dive in now at portal.zksync.io.
Harness the Portal's power to connect to your local zkSync Era node.
Prerequisites: Node.js version 16+, npm version 7+
- π Follow the documentation for setting up either an in-memory node or dockerized local setup.
- π Clone the Portal repository and set it up:
git clone https://github.com/matter-labs/dapp-portal.git cd dapp-portal npm install
- π οΈ Modify the default network settings in
data/networks.ts
if your network ID, RPC URL, or other info differs. Customize displayed tokens there if needed.- Alternatively, use the configuration form for guided config setup.
- π₯ Launch the dev server:
- For in-memory node:
npm run dev:node:memory
- For dockerized setup:
npm run dev:node:docker
- For in-memory node:
Navigate to the displayed Portal URL (typically http://localhost:3000).
To use Portal with your ZK Stack Hyperchain, see the guide here.
By default, L1 balances are fetched via a public RPC. For faster loading speeds and reduced load on your L1 RPC provider, consider using Ankr's RPC service. Obtain an Ankr token and update the .env
file:
ANKR_TOKEN=your_ankr_token_here
Before deploying your own version of the Portal, ensure you create your own Wallet Connect project on walletconnect.com. After creating the project, update the project ID in the .env
file:
WALLET_CONNECT_PROJECT_ID=your_project_id_here
Ensure you've installed the necessary dependencies:
npm install
Activate the dev server at http://localhost:3000:
npm run dev
Compile for production:
npm run generate
π Familiarize yourself with the Nuxt 3 documentation for a deeper dive.
Open arms for contributions! Enhance our code and send your pull request here.
Proudly under the MIT License.