Here's an example of a tokenURI, which contains an NFT's metadata. An NFT's metadata is really what brings it to life, allowing it to have properties, such as a name, description, image (or different digital asset), and other attributes. Usually, this minting function requires you to pass in two variables as parameters, first the recipient, which specifies the address that will receive your freshly minted NFT, and second the NFT's tokenURI, a string that resolves to a JSON document describing the NFT's metadata. Minting is simply the act of publishing a unique instance of your non fungible token on the blockchain. The biggest difference between the two NFT smart contact standards is that ERC-1155 is a multi-token standard and includes batch functionality, whereas with the ERC-721 is a single-token standard and therefore only supports transferring one token at a time.Ģ) You call the minting function on that NFT smart contract to mint the NFT. Usually this is an ERC-721 or ERC-1155 smart contract. It involves two steps:ġ) You publish an NFT smart contract on the Ethereum blockchain. Without further ado, let's get started! Step 0: Making NFTs 101īefore we even start looking at any code, it's important to understand how making an NFT works. For the more visual learners, we highly recommend this excellent Full Modern React Tutorial video series by Net Ninja. If you've never heard of any of those terms before, you may want to check out this Intro to React tutorial. Instead, we'll be focusing on bringing functionality to our project As a prerequisite, you should have a beginner-level understanding of React-know how components, props, useState/useEffect, and basic function calling works. Because this tutorial is primarily focused on Web3 development, we won't be spending much time breaking down React fundamentals.
In this tutorial, we will be using React as our frontend framework. Call smart contract methods from your frontend.Connect to Metamask via your frontend project.One of the greatest challenges for developers coming from a Web2 background is figuring out how to connect your smart contact to a frontend project and interact with it.īy building an NFT minter-a simple UI where you can input a link to your digital asset, a title, and a description -you'll learn how to: In this tutorial, you’ll build an NFT minter and learn how to create a full stack dApp by connecting your smart contract to a React frontend using Metamask and Web3 tools.
0 kommentar(er)
