How to Fetch and Display NFTs from Ethereum and Solana Wallets Using AudiusFetch-NFT

Oct 10, 2022 | Blockchain

In this blog, we will explore a utility that simplifies the process of fetching and displaying Ethereum and Solana NFTs in a unified format from any wallet. Whether you’re an enthusiastic developer, a curious artist, or an NFT collector, this step-by-step guide will help you get started smoothly.

Installation Steps

Before diving into the coding part, you need to set up the required dependencies. Here’s how you can do it easily:

bash
# Install peer dependencies if not already in your project
npm install @solanaspl-token @solanaweb3.js
npm install @audiusfetch-nft

Basic Usage

After installation, you must import the FetchNFTClient module and initialize the fetch client, which will help you retrieve NFT collectibles from the specified wallets.

ts
import FetchNFTClient from '@audiusfetch-nft';

// Initialize fetch client
const fetchClient = new FetchNFTClient();

// Fetching all collectibles for the given wallets
fetchClient.getCollectibles({
  ethWallets: ['0x5A8443f456f490dceeAD0922B0Cc89AFd598cec9'],
  solWallets: ['GrWNH9qfwrvoCEoTm65hmnSh4z3CD96SfhtfQY6ZKUfY'],
}).then((res) => console.log(res));

Understanding the Code: An Analogy

Think of the FetchNFTClient as a digital librarian. When you tell this librarian (the client) your specific interests (the wallet addresses), they fetch you all the relevant books (NFTs) from the shelves (the Ethereum and Solana networks). All you need to do is provide the librarian with the correct identifiers for your collections!

Customizing Your Fetch Client

If you want to tailor your fetching experience, the FetchNFTClient allows you to pass custom configuration settings for the OpenSea and Helius APIs, which can enhance your data retrieval process. Here’s how to set it up:

ts
import FetchNFTClient from '@audiusfetch-nft';

const openSeaConfig = {
  apiEndpoint: '...', 
  apiKey: '...', 
  assetLimit: 10, 
  eventLimit: 10,
};

const heliusConfig = {
  apiEndpoint: '...', 
  apiKey: '...', 
  limit: 10,
};

const solanaConfig = {
  rpcEndpoint: '...', 
  metadataProgramId: '...'
};

// Initialize fetch client with configs
const fetchClient = new FetchNFTClient(openSeaConfig, heliusConfig, solanaConfig);

Fetching Collectibles

Once you’ve set up your fetch client, you can easily get collectibles from Ethereum or Solana wallets:

ts
// Fetching Ethereum collectibles for the given wallets
fetchClient.getEthereumCollectibles([...]).then(res => console.log(res));

// Fetching Solana collectibles for the given wallets
fetchClient.getSolanaCollectibles([...]).then(res => console.log(res));

Troubleshooting Tips

If you encounter issues while using the AudiusFetch-NFT library, here are some tips:

  • Ensure that all required peer dependencies are installed correctly.
  • Check the format of wallet addresses; they should be accurate to fetch data properly.
  • Make sure your API keys and endpoints are correctly configured if you’re using custom settings.
  • Refer to the examples directory for more practical use cases.

For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

Conclusion

With the AudiusFetch-NFT utility, fetching and displaying your NFTs from Ethereum and Solana wallets has never been easier. You can explore more options to customize your data retrieval based on your needs.

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.

Stay Informed with the Newest F(x) Insights and Blogs

Tech News and Blog Highlights, Straight to Your Inbox