NFTPI is an NFT inspector that shows you a preview, the metadata, and marketplace links for a given NFT.
This project allows you to input a contract address and token ID, or the URL from the NFT details page on a number of NFT marketplaces, and see a preview, the links for the other marketplaces, and the token's metadata.
Why? I don't know about you, but I am often looking at an NFT and want to know "how it's made". I also want to see what it looks like on different marketplaces. Right now that involves fiddling around with URLs and a lot of copying, pasting, and clicking.
Sometimes I also see the token address and ID in Etherscan or in a wallet that does not support previews. NFTPI is a handy way to see the actual NFT.
I cloned https://github.com/0xTranqui/zora-starter-kit (Thanks Max!), copied the protocol page, and remixed it into NFTPI. It uses the Zora ZDK, primarily through NFTPreview and MediaConfiguration already scaffolded in the zora-starter-kit. I added useNFT from nft-hooks to get the metadata. I have never used React before so it was a good introduction to both React and the ZDK.