🚀 Appena integrata la wallet? Facciamo un passo avanti: Aggiungi trasferimenti di token semplici alla tua app Next.js usando i hook di Wagmi. Perfetto per le dApp della BNB Chain, gestisci $BNB transferimenti o token ERC-20 come un professionista, collegandoti alle tendenze senza gas per un'esperienza utente più fluida.

Presuppone che tu abbia configurato Wagmi/RainbowKit dal mio ultimo tutorial (controlla se non l'hai fatto!).

Passaggi rapidi (Next.js 14+):

  1. Installa viem (già nelle dipendenze? Salta):

    npm install viem

  2. Crea una funzione di trasferimento (ad esempio, in un componente):

    import { useAccount, useSendTransaction } from 'wagmi'

    import { parseEther } from 'viem'

    function SendBNB() {

    const { address } = useAccount()

    const { sendTransaction } = useSendTransaction()

    const handleSend = () => {

    sendTransaction({

    to: '0xRecipientAddress', // Sostituisci con l'indirizzo di test

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

    })

    }

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

    }

  3. Per ERC-20 (ad esempio, $BUSD sulla BNB Chain): Usa useWriteContract invece:

    import { useWriteContract } from 'wagmi'

    import { parseUnits } from 'viem'

    import { erc20Abi } from 'viem/abi' // O importa l'ABI standard

    function SendToken() {

    const { writeContract } = useWriteContract()

    const handleSend = () => {

    writeContract({

    address: '0xTokenContractAddr', // ad esempio, BUSD

    abi: erc20Abi,

    functionName: 'transfer',

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

    })

    }

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

    }

Suggerimento: Aggiungi gestione degli errori con useWaitForTransaction per conferme. Testa su BNB Testnet, prendi BNB dal faucet tramite gli strumenti di Binance!

Qual è il tuo primo caso d'uso per la transazione dApp? Condividi qui sotto, facciamo brainstorming per gli aggiornamenti del 2026! 👇

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