🚪Token Gating

Learn how to enable users to access certain features only if they hold certain POAP(s) or have common POAPs with a given user.

Airstack provides easy-to-use APIs for enriching POAP applications and for integrating POAP on-chain data indexed directly from both Ethereum and Gnosis.

Table Of Contents

In this guide you will learn how to use Airstack to:

• Gating Only User(s) That Have A Given POAP

• Gating Only User(s) That Have Multiple Given POAP(s)

• Gating Only User(s) That Have Common POAP(s) With A Given User

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:

npm

React

npm install @airstack/airstack-react

Node

npm install @airstack/node

yarn

React

yarn add @airstack/airstack-react

Node

yarn add @airstack/node

pnpm

React

pnpm install @airstack/airstack-react

Node

pnpm install @airstack/node

pip

pip install airstack

Then, add the following snippets to your code:

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 (data) {
    return <p>Data: {JSON.stringify(data)}</p>;
  }

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

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

Node

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

init("YOUR_AIRSTACK_API_KEY");

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

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

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

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())

Other Programming Languages

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

🤖 AI Natural Language​

Airstack provides an AI solution for you to build GraphQL queries to fulfill your use case easily. You can find the AI prompt of each query in the demo's caption or title for yourself to try.

Airstack AI (Demo)

Gating Only User(s) That Have A Given POAP

You can gate certain feature access only to users that have attended a certain POAP event, e.g. EthCC[6] - Attendee POAP:

Try Demo

https://app.airstack.xyz/query/ktnZJrrbPy

Show me if molpy.eth attended EthCC[6] - Attendee

Code

Query

query MyQuery {
  Poaps(
    input: {
      filter: { eventId: { _eq: "141910" }, owner: { _eq: "molpy.eth" } }
      blockchain: ALL
    }
  ) {
    Poap {
      mintHash
      mintOrder
    }
  }
}

Response

{
  "data": {
    "Poaps": {
      "Poap": [ // non-empty array indicate that user attended EthCC[6]
        {
          "mintHash": "0x66865ff2cf4391cd72447fd2955b1a22f80ee0876188225ec3375168cb1238ef",
          "mintOrder": 934
        }
      ]
    }
  }
}

If Poaps.Poap returned a non-empty array, filled with mintHash and mintOrder data, it indicates that the POAP has been minted under the given user account and thus showing that the user have attended the POAP event.

In such case, the user shall be granted feature access. Otherwise, no access shall be given.

Gating Only User(s) That Have Multiple Given POAP(s)

You can gate certain feature access only to users that have attended multiple given POAP events, e.g. EthCC[6] - Attendee POAP and EthDenver 2023 POAP:

If you would like to add more POAP events to check, then you can simply add another owner.poaps nesting under the innermost poaps field with the newly added POAPs eventId as an input . To see more details and example demos, check out Combinations of Multiple POAPs.

Try Demo

https://app.airstack.xyz/query/gXZpd3F7eB

Show me if sponnet.eth attended both EthCC[6] - Attendee and ETHDenver 2023

Code

Query

query MyQuery {
  Poaps(
    input: {
      filter: { eventId: { _eq: "141910" }, owner: { _eq: "sponnet.eth" } }
      blockchain: ALL
    }
  ) {
    Poap {
      owner {
        poaps(input: { filter: { eventId: { _eq: "103093" } } }) {
          mintHash
          mintOrder
        }
      }
    }
  }
}

Response

{
  "data": {
    "Poaps": {
      "Poap": [
        {
          "owner": {
            "poaps": [
              {
                "mintHash": "0xa263abd088630e45d1e06e3b15afaf29d1454c64f73eb312367371eee7fdf1c6",
                "mintOrder": 914
              }
            ]
          }
        }
      ]
    }
  }
}

If the innermost owner.poaps return a non-empty array, then it implies that the user has attended the given multiple events and thus feature access can be given to the user.

Otherwise, no feature access shall be given to the user.

Gating Only User(s) That Have Common POAP(s) With A Given User

You can gate certain feature access only to users that have attended the same POAP event as a given user.

In other words, have common POAP(s) with the given user, e.g. checking if nich.eth can be given any access by checking any common POAP with another user sponnet.eth:

If you would like to add more users, then you can simply add another poapEvent.poaps nesting under the innermost poaps field with the newly added POAPs owner as an input . To see more details and example demos, check out POAPs in Common.

Try Demo

https://app.airstack.xyz/query/BHhGV5dFqG

show me the POAPs in common attended by both sponnet.eth and nich.eth

Code

Query

query MyQuery {
  Poaps(
    input: {filter: {owner: {_eq: "sponnet.eth"}}, blockchain: ALL, limit: 200}
  ) {
    Poap {
      poapEvent {
        poaps(input: {filter: {owner: {_eq: "nich.eth"}}, limit: 200}) {
          poapEvent {
            eventId
            eventName
          }
          mintHash
          mintOrder
        }
      }
    }
    pageInfo {
      nextCursor
      prevCursor
    }
  }
}

Response

{
  "data": {
    "Poaps": {
      "Poap": [
        {
          "poapEvent": {
            "poaps": [ // Both sponnet.eth and nich.eth attended EthCC[6]
              {
                "poapEvent": {
                  "eventId": "141910",
                  "eventName": "EthCC[6] - Attendee"
                },
                "mintHash": "0x1388589a75469c8da2df798a7464469dac2b9547fb3bba0795174cbc2c2c802d",
                "mintOrder": 568
              }
            ]
          }
        },
        {
          "poapEvent": {
            "poaps": []
          }
        },
        // more POAPs
      ]
    }
  }
}

If nich.eth have at least 1 common POAP with sponnet.eth as shown in the sample response, then nich.eth can be given access to the gated feature.

Otherwise, no feature access shall be given to nich.eth.

Developer Support

If you have any questions or need help building token gating with POAPs, please join our Airstack's Telegram group.

More Resources

• Poaps API Reference

• Combinations

  • Multiple POAPs

  • Combinations of ERC20s, NFTs, and POAPs

• Tokens In Common

  • POAPs

• Search POAPs