I implement the following features:
- A marketplace where we can mint and list NFTs for direct sale.
- Allow users to mint with signature.
- Allow users to buy our NFTs.
You will need any wallet connected to Goerli chain and some ETH to pay the transactions:
- Head to Demo Link
- Head to NFT Collection page
- Click Mint button to add a new NFT to the collection
- Head to Listings page
- Click Create Listing, select the NFT uploaded before and set a price to list the NFT within the Marketplace
- Head home page and click on the NFT to se the details or buy the asset.
- thirdweb Marketplace: to facilitate the listing of NFTs and enable users to buy the NFTs on the marketplace.
- thirdweb NFT Collection: to create an ERC721 NFT Collection that we can list onto the marketplace.
- thirdweb React SDK: to enable users to connect and disconnect their wallets with our website and interact with the marketplace.
- thirdweb TypeScript SDK: to connect to our marketplace smart contract, create new listings and buy listings!
To create a marketplace contract:
- Head to the thirdweb dashboard.
- Click Deploy new contract.
- Click Marketplace.
- Configure & Deploy!
To add listings:
- Click Listings tab.
- Click Create listing.
- Configure & Create listing!
To create a NFT collection:
- Head to the thirdweb dashboard.
- Click Deploy new contract.
- Click NFT Collection.
- Configure & Deploy!
To mint NFTs:
- Click NFTs tab
- Click Mint
- Configure & Mint NFT
- Clone repository
- Create NFT Collection & Marketplace contract on ThirdWeb Dashboard
- Upload your NFTs and add them to Market Listings
- Create Metamask account (use Goerli testnet)
- Request Ethereum Goerli LINK/ETH
- Create .env.local file on the root folder, copy the ENV variable from .env.example and copy the Marketplace contract from thirdweb.
- Run:
npm install - Run:
npm run dev - Enjoy it!!