😸
thirdwebでNFTギャラリーを作ってみよう
こんにちは、CryptoGamesの高橋です。
今回は、こちらの記事の続きで、NFTのギャラリーを作成していきたいと思います。
なお、公式のこちらのブログを元に作成しています。
0 事前準備
事前準備として、ギャラリー用のNFTを下のどちらかで作成ください。
ERC721
ERC1155
1 コントラクト内のNFTを抽出する
NFTリストの抽出にはこちらのuseNFT関数を使います。
例のように、「start」と「count」を使って、どのNFTをどれだけ抽出するかを選択できます。
実際には、このように、コントラクトアドレスを入れて指定します。
2 NFTをレンダリングする
こちらのThirdwebNFTMediaを使っています。
下のように、メタデータを抽出しています。
あとは、他に表示したい要素があれば、下のように表示させます。
ちなみに、以下が完成したものです。
今回は以上です。
他の部分は前回の記事に含まれていると思います。
ぜひ、やってみてください。
Discussion