|
|
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .env.local.example | ||
| .eslintrc.json | ||
| .gitignore | ||
| .prettierrc.json | ||
| next-env.d.ts | ||
| next.config.js | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
Auth Wallet Example (React, Typescript, Ethers, NextJS)
This example aims to demonstrate wallet-facing use cases enabled by WalletConnect Auth Alpha. Please only use this for reference and development purposes, otherwise you are at risk of losing your funds.
Useful links
🔗 Live wallet app - https://react-auth-wallet.walletconnect.com/
🔗 Live dapp - https://react-auth-dapp.walletconnect.com/
📚 WalletConnect docs - https://docs.walletconnect.com/2.0
Getting started
Example is built atop of NextJS in order to abstract complexity of setting up bundlers, routing etc. So there are few steps you need to follow in order to set everything up
-
Go to WalletConnect Cloud and obtain a project id
-
Add your project details in WalletConnectUtil.ts file
-
Install dependencies via
npm install -
Setup your environment variables
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.comNEXT_PUBLIC_RELAY_URL(already set)
- Run
npm run devto start local development