Get NFTs Example
View Get NFTs example
Edit on Github
Get NFT Example
In this tutorial, we will learn how to create an NFT page with real data using components from MultiversX Design System and MultiversX API.
Create a New Next.js Project
See how to create a new project in the official Next.js documentation here: Next.js.
We recommend the following dependencies to be added to your package.json file:
Get Collection from MultiversX API
In your new component created file, you can use the below code to get NFT data:
Design NFT Card
Add Modal to the NFT Card
In order to see the attributes of the NFT we will need to add a modal to the card.
See a more complex example here: Elrond My NFTs Collection Dapp by Creative Tim .