How to create an NFT collection gallery web3 app

In this video, we’ll go over how to create an NFT gallery for you collection. Display each NFT within a collection and view the details of each NFT from name, media, and traits.

Gallery Template: https://thirdweb.com/template/nft-gallery
Gallery Repo: https://github.com/thirdweb-example/nft-gallery

Join our Community of over 30,000 Web3 builders: https://discord.gg/thirdweb

thirdweb Official Site: https://thirdweb.com/dashboard

thirdweb Twitter: https://twitter.com/thirdweb

Timestamps:
00:00 Introduction
00:35 NFT Gallery demo
02:14 Create and setup web3 app
07:20 NFT display card
10:15 Grid and card styling
12:00 NFT detail page
21:24 Pagination
25:10 Conclusion

(Visited 13 times, 1 visits today)

You might be interested in

LEAVE YOUR COMMENT

Your email address will not be published. Required fields are marked *

eos
EOS (EOS) 0,727160 0,91%
aave
Aave (AAVE) 76,93 0,72%
the-graph
The Graph (GRT) 0,261572 4,47%
kusama
Kusama (KSM) 26,28 1,43%
waves
Waves (WAVES) 2,13 0,66%
dash
Dash (DASH) 26,37 2,59%
bitcoin
Bitcoin (BTC) 56.492,89 0,00%
ethereum
Ethereum (ETH) 2.705,44 0,07%
cardano
Cardano (ADA) 0,407805 1,54%
tether
Tether (USDT) 0,926677 0,01%
xrp
XRP (XRP) 0,469244 0,13%
solana
Solana (SOL) 135,77 0,65%
polkadot
Polkadot (DOT) 6,21 1,01%
usd-coin
USDC (USDC) 0,927040 0,01%
dogecoin
Dogecoin (DOGE) 0,132821 0,87%
uniswap
Uniswap (UNI) 6,59 0,25%
terra-luna
Terra Luna Classic (LUNC) 0,000097 1,48%
litecoin
Litecoin (LTC) 75,29 0,99%
chainlink
Chainlink (LINK) 12,42 1,48%
bitcoin-cash
Bitcoin Cash (BCH) 400,94 0,63%
algorand
Algorand (ALGO) 0,166594 1,82%
matic-network
Polygon (MATIC) 0,627683 0,62%
stellar
Stellar (XLM) 0,098197 0,49%
cosmos
Cosmos Hub (ATOM) 7,92 1,12%
filecoin
Filecoin (FIL) 5,23 0,14%
tron
TRON (TRX) 0,117646 0,03%
ethereum-classic
Ethereum Classic (ETC) 24,70 0,35%
dai
Dai (DAI) 0,927033 0,05%
tezos
Tezos (XTZ) 0,835117 1,58%
monero
Monero (XMR) 123,96 0,79%