History

Gancho Radkov d8ebe4509b chore: updated `@walletconnect` deps (#164 ) * chore: updates auth dapp * chore: updates react sign dapp * chore: updates cosmos dapp * chore: updates ethers dapp * chore: updates web3js dapp * chore: updates vue auth dapp * chore: updates auth wallet * chore: updates eip155 wallet * updates react-wallet-v2 * chore: updates web3wallet example * feat: adds optional namespaces to main example wallet * chore: eip155 example lock * chore: removes console log --------- Co-authored-by: Gancho Radkov <ganchoradkov@gmail.com>		2023-05-23 14:42:34 +03:00
..
public	feat/add auth demos (#49 )	2022-09-02 12:34:03 +03:00
src	fix(error-handling): close modal on reject and fix overflow error (#147 )	2023-04-05 12:03:28 +03:00
.env.local.example	feat/add auth demos (#49 )	2022-09-02 12:34:03 +03:00
.eslintrc.json	feat/add auth demos (#49 )	2022-09-02 12:34:03 +03:00
.gitignore	feat/add auth demos (#49 )	2022-09-02 12:34:03 +03:00
.prettierrc.json	feat/add auth demos (#49 )	2022-09-02 12:34:03 +03:00
next-env.d.ts	feat/add auth demos (#49 )	2022-09-02 12:34:03 +03:00
next.config.js	feat/add auth demos (#49 )	2022-09-02 12:34:03 +03:00
package-lock.json	chore: updated `@walletconnect` deps (#164 )	2023-05-23 14:42:34 +03:00
package.json	chore: updated `@walletconnect` deps (#164 )	2023-05-23 14:42:34 +03:00
README.md	docs(auth): ensure auth dapp/wallet readmes are relevant (#63 )	2022-09-15 19:50:52 +02:00
tsconfig.json	feat/add auth demos (#49 )	2022-09-02 12:34:03 +03:00

README.md

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.com
NEXT_PUBLIC_RELAY_URL (already set)

Run npm run dev to start local development