Create a simple React application that paginate NFTs from a given wallet.
Add an input text for users to enter the public key of someone's wallet.
Use that wallet address to fetch all of its NFTs using the JS SDK.
Paginate these NFTs in an efficient way. Pagination is not really a think with getProgramAcccount so we have to be creative. This article help understand how to achieve pagination in Solana. This is abstracted by the SDK but we still need to be clever about how we call its method and load the data.
Write a detailed README file that explains the steps to reproduce to achieve the created example. Look at the current READMEs for inspiration. Since this example is not about getting started with a web framework, choose a starting framework from this repository and link to its README as the first first. I recommend Next.js since it has the lowest amount of steps to get started right now.
When writing the steps to reproduce, it is fine to add links to larger components or style sheets instead of having to explain them all in the README. Especially if the component is more here for UI proposes than for providing valuable logic.
When styling components, try to stay consistent to the neutral style that was created in the existing examples.
Create a simple React application that paginate NFTs from a given wallet.
getProgramAcccount
so we have to be creative. This article help understand how to achieve pagination in Solana. This is abstracted by the SDK but we still need to be clever about how we call its method and load the data.