New To Web3 Wallet

A simple and minimalist Web3 boilerplate to boost your Dapp development. Built using the latest technology stack out there: Next.js, Viem, Wagmi, RainbowKit, ChakraUI, and Typescript.

Features ⚡

• Web3 Wallet Status (MetaMask / Rainbow / Coinbase Wallet / WalletConnect)
• Chain selector
• Block Number / Chain ID & Name
• Wallet balance
• Sign Messages & Transfer Native
• Block Detail Info
• Hook to query user's Token Balances
• Dark mode support

---

How to use 🤔

To get started with this boilerplate, you just need to follow these simple steps:

1. Clone the repository:

   git clone https://github.com/JakeXu/new-to-web3-wallet.git
   

2. Install dependencies:

   yarn install
   # or
   pnpm install
   # or
   npm install
   # or
   bun install
   

3. Move .env.example file to .env and add the values for the following keys:

    NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=
   

4. Run locally

   yarn dev
   # or
   pnpm dev
   # or
   npm dev
   # or
   bun dev
   

Series

• Upgrade Contract
• Front Running
• EIP712
• Create2
• Uniswap V2
  • Add Liquidity
  • Swap
• Multi-Signature Wallet
• Ugly Avatars
• Lottery

License

By MIT licensed.