Warning

This sample project is intended for demonstration purposes only and should not be used for production code.

The dependencies used in this sample project may be outdated and may contain known security vulnerabilities. It is highly recommended that you only use the code as a reference when developing your own project.

React dApp (with standalone v2 client)

🔗 Live dapp demo - https://react-app.walletconnect.com/
🔗 Live wallet demo - https://react-wallet.walletconnect.com/
📚 WalletConnect v2 Docs - https://docs.walletconnect.com/2.0

Overview

This is an example implementation of a React dApp (generated via create-react-app) using the standalone client for WalletConnect v2 to:

• handle pairings
• manage sessions
• send JSON-RPC requests to a paired wallet

Running locally

Install the app's dependencies:

yarn

Set up your local environment variables by copying the example into your own .env.local file:

cp .env.local.example .env.local

Your .env.local now contains the following environment variables:

• NEXT_PUBLIC_PROJECT_ID (placeholder) - You can generate your own ProjectId at https://cloud.walletconnect.com
• NEXT_PUBLIC_RELAY_URL (already set)

Develop

yarn dev

Test

yarn test

Build

yarn build