This is an example project demonstrating @txnlab/use-wallet being used in a Next.js app. Connect your wallets with Pera, MyAlgo, Defly, Exodus, AlgoSigner, and WalletConnect. Send ALGO from your active wallet to any Algorand account or NFD.

Demo: https://next-use-wallet.vercel.app/

First, clone the repository (or a fork)

git clone https://github.com/TxnLab/next-use-wallet.git

Install dependencies

cd next-use-wallet
yarn install

Optional: Edit the environment variables in .env or override with a .env.local file (Next.js docs: Environment Variables)

# Defined in .env (required)
NEXT_PUBLIC_NODE_NETWORK=mainnet
NEXT_PUBLIC_NODE_URL=https://mainnet-api.algonode.cloud

# Optional
NEXT_PUBLIC_NODE_TOKEN=
NEXT_PUBLIC_NODE_PORT=

Run the development server:

yarn dev

Open https://localhost:3000 with your browser to see the result.

The use-wallet library is an open source project built and maintained by TxnLab, Inc., with valued contributions by the Algorand development community. It was originally conceived as a robust multi wallet management solution for NFDomains.

• use-wallet - React hooks for using Algorand compatible wallets in dApps
• NFDomains - Algorand name service and marketplace for Non-Fungible Domains
• NFD Documentation - learn about NFDs and the NFDomains platform
• Algorand Developer Portal - Algorand developer docs, SDKs, REST APIs, CLI tools, ecosystem projects, tutorials, and more

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

MIT