🚀 Fresh off wallet integration? Let's level up: Add simple token transfers to your Next.js app using Wagmi hooks. Perfect for BNB Chain dApps, handle $BNB sends or ERC-20 tokens like a pro, tying into gasless trends for smoother UX.

Assumes you have Wagmi/RainbowKit setup from my last tutorial (check it if not!).

Quick Steps (Next.js 14+):

1. Install viem (already in deps? Skip):

   npm install viem

2. Create a transfer function (e.g., in a component):

   import { useAccount, useSendTransaction } from 'wagmi'

   import { parseEther } from 'viem'

   function SendBNB() {

   const { address } = useAccount()

   const { sendTransaction } = useSendTransaction()

   const handleSend = () => {

   sendTransaction({

   to: '0xRecipientAddress', // Replace with test addr

   value: parseEther('0.001'), // 0.001 BNB

   })

   }

   return <button onClick={handleSend} disabled={!address}>Send 0.001 BNB</button>

   }

3. For ERC-20 (e.g., $BUSD on BNB Chain): Use useWriteContract instead:

   import { useWriteContract } from 'wagmi'

   import { parseUnits } from 'viem'

   import { erc20Abi } from 'viem/abi' // Or import standard ABI

   function SendToken() {

   const { writeContract } = useWriteContract()

   const handleSend = () => {

   writeContract({

   address: '0xTokenContractAddr', // e.g., BUSD

   abi: erc20Abi,

   functionName: 'transfer',

   args: ['0xRecipient', parseUnits('1', 18)], // 1 token, 18 decimals

   })

   }

   return <button onClick={handleSend}>Send Token</button>

   }

Pro Tip: Add error handling with useWaitForTransaction for confirmations. Test on BNB Testnet, grab faucet BNB via Binance tools!

What's your first dApp tx use case? Share below, let's brainstorm 2026 upgrades! 👇

#Web3 #CryptoDev #BNBChain #Nextjs #WAGMI #BlockchainTutorial $ETH