Skip to content

Latest commit

 

History

History
258 lines (190 loc) · 4.99 KB

nfts.md

File metadata and controls

258 lines (190 loc) · 4.99 KB
description layout
Learn how to fetch NFTs in common from multiple users.
title description tableOfContents outline pagination
visible
true
visible
true
visible
true
visible
visible
true

♦️ NFTs

Airstack provides easy-to-use APIs for enriching dapps and integrating on-chain and off-chain data from Ethereum, Base, Degen Chain, and other Airstack-supported chains.

In this tutorial, you will learn how to fetch NFTs in common from multiple users.

In this guide, you will learn how to use Airstack to fetch NFTs In Common.

Pre-requisites

  • An Airstack account
  • Basic knowledge of GraphQL

Get Started

JavaScript/TypeScript/Python

If you are using JavaScript/TypeScript or Python, Install the Airstack SDK:

{% tabs %} {% tab title="npm" %} React

npm install @airstack/airstack-react

Node

npm install @airstack/node

{% endtab %}

{% tab title="yarn" %} React

yarn add @airstack/airstack-react

Node

yarn add @airstack/node

{% endtab %}

{% tab title="pnpm" %} React

pnpm install @airstack/airstack-react

Node

pnpm install @airstack/node

{% endtab %}

{% tab title="pip" %}

pip install airstack

{% endtab %} {% endtabs %}

Then, add the following snippets to your code:

{% tabs %} {% tab title="React" %}

import { init, useQuery } from "@airstack/airstack-react";

init("YOUR_AIRSTACK_API_KEY");

const query = "YOUR_QUERY"; // Replace with GraphQL Query

const Component = () => {
  const { data, loading, error } = useQuery(query);

  if (loading) {
    return <p>Loading...</p>;
  }

  if (error) {
    return <p>Error: {error.message}</p>;
  }
};

{% endtab %}

{% tab title="Node" %}

import { init, fetchQuery } from "@airstack/airstack-react";

init("YOUR_AIRSTACK_API_KEY");

const query = "YOUR_QUERY"; // Replace with GraphQL Query

const { data, error } = fetchQuery(query);

console.log("data:", data);
console.log("error:", error);

{% endtab %}

{% tab title="Python" %}

import asyncio
from airstack.execute_query import AirstackClient

api_client = AirstackClient(api_key="YOUR_AIRSTACK_API_KEY")

query = "YOUR_QUERY" # Replace with GraphQL Query

async def main():
    execute_query_client = api_client.create_execute_query_object(
        query=query)

    query_response = await execute_query_client.execute_query()
    print(query_response.data)

asyncio.run(main())

{% endtab %} {% endtabs %}

Other Programming Languages

To access the Airstack APIs in other languages, you can use https://api.airstack.xyz/gql as your GraphQL endpoint.

NFTs In Common

You can fetch common NFTs of multiple user(s) provided the user's 0x address, Farcaster name or ID, ENS domains, or Lens profile:

Try Demo

{% embed url="https://app.airstack.xyz/query/83iNwAcifb" %} Show common NFTs of two users on Base {% endembed %}

Code

{% tabs %} {% tab title="Query" %}

query MyQuery {
  TokenBalances(
    input: {
      filter: {
        owner: { _eq: "betashop.eth" }
        tokenType: { _in: [ERC721, ERC1155] }
      }
      blockchain: base
    }
  ) {
    TokenBalance {
      token {
        tokenBalances(
          input: {
            filter: {
              owner: { _eq: "tokenstaker.eth" }
              tokenType: { _in: [ERC721, ERC1155] }
            }
          }
        ) {
          id
          token {
            address
            symbol
            name
          }
        }
      }
    }
  }
}

{% endtab %}

{% tab title="Response" %}

{
  "data": {
    "TokenBalances": {
      "TokenBalance": [
        {
          "token": {
            "tokenBalances": [
              {
                "id": "09adff7901e6b3ed411a037abf0be67365cb2dabe24e48921768d32abf64203a",
                "token": {
                  "address": "0x4c17ff12d9a925a0dec822a8cbf06f46c626855c",
                  "symbol": "FC-HZN",
                  "name": "Farcaster Horizon"
                }
              }
            ]
          }
        },
        {
          "token": {
            "tokenBalances": [] // Owned by betashop.eth, but not owned by tokenstaker.eth
          }
        }
      ]
    }
  }
}

{% endtab %} {% endtabs %}

Developer Support

If you have any questions or need help regarding fetching common NFTs of multiple users, please join our Airstack's Telegram group.

More Resources