Skip to content

Latest commit

 

History

History
35 lines (17 loc) · 1.5 KB

Web3Connect.md

File metadata and controls

35 lines (17 loc) · 1.5 KB

How to connect Wallet on Dapp

UI Components

WalletConnect

WalletConnect is an open-source protocol that allows you to connect your mobile wallet to different decentralized applications and other wallets. Historically this has been done through a QR code, which establishes a secure end-to-end encrypted connection between the two devices. This allows you to interact with dapps and sign transactions securely from your mobile wallet.

The Web3Modal SDK allows you to easily connect your Web3 dapp with wallets. It provides a simple and intuitive interface for dapps to request actions such as signing transactions and interacting with smart contracts on the blockchain.

RainbowKit

RainbowKit is a React library that makes it easy to add wallet connection to your dapp. It's intuitive, responsive and customizable.

Others

  1. thirdweb web3 button
  2. particle Wallet-as-a-Service

Exercise

Use RainbowKit on your NFT Market !

  1. Wagmi client conver to provider : https://wagmi.sh/react/guides/ethers
  2. Why Viem: https://viem.sh/docs/introduction
  3. RainbowKit + etherjsV6