Buy NFT With Seaport Example with wagmi

[matthewhausman]

Hey y'all. I saw some discussions where there was confusion surrounding simplistic scenarios like buying an NFT. Just wanted to show one way to do so with the seaport js client.

1. init sdk with signer. i use wagmi useAccount hook to get mine

const { connector: activeConnector, isConnected } = useAccount()
const signer = activeConnector.getSigner()
...

2. fetch an order. I used this collection with cheap NFTs for testing

const res = await fetch(
      `https://api.opensea.io/v2/orders/ethereum/seaport/listings?asset_contract_address=0x02F74badcE458387ECAef9b1F229afB5678E9AAd&token_ids=${targetToken}&order_by=created_date&order_direction=desc`,
      {
        headers: { 'X-API-KEY': '...' },
      }
    )

and something like

const dat = (await res.json())

3. Get the address of the signer from step 1.

4. const { executeAllActions } = await seaportClient.current.fulfillOrder(
   {
   order: responseData.orders[0].protocol_data, // from response data in step 2
   accountAddress: address
   }
   );

5. const transaction = await executeAllActions();
   console.log('validated: ', await transaction.wait());

So something important to note is how simple it is to actually buy the nft. just query for the nft you want to buy with the listings endpoint and pass directly to the fillfillOrder fn.