Edition Drop

thirdweb's Edition Drop lazy mints your NFT and makes it available to be claimed by your users.

When you create a drop inside your Edition Drop contract, the NFT is not minted yet. We prepare everything for your audience, so that they can mint it. The user who claims an NFT, mints it and transfers it to their wallet.

Check out the documentation here.

How It Works

export default function EditionDrop() {
  const { contract: editionDropContract } = useContract("<your-contract-address-here>");
  const { data: nfts } = useNFTs(editionDropContract);

  return (
    <div>
      {nfts?.map((nft) => (
        <div key={nft.metadata.id.toString()}>
          <ThirdwebNftMedia
            metadata={nft.metadata}
          />
          <h3>{nft.metadata.name}</h3>
          <Web3Button
            contractAddress={"{{contract-address}}"}
            action={(contract) =>
              contract.erc1155.claim(1, nft.metadata.id)
            }
            onSuccess={() => alert("Claimed NFT!")}
            onError={(err) => alert(err)}
          >
            Claim
          </Web3Button>
        </div>
      ))}
    </div>
  );
}