NFT Minter Tutorial For Beginners (Javascript, React)
ฝัง
- เผยแพร่เมื่อ 8 มิ.ย. 2024
- TUTORIAL LINKS
👉 Sign up for a free account with Alchemy: alchemy.com/?a=ece6f9e817
👉 Written tutorial: docs.alchemy.com/alchemy/tuto...
👉 Github repo: github.com/alchemyplatform/nf...
👉 The NFT contract of the tutorial: ropsten.etherscan.io/address/...
👉 Ropsten Faucet: faucet.ropsten.be/
FREE MASTERCLASS "Get Into Web3 In a Bear Market"
👉 Link: eattheblocks.com/masterclass
👉 Full roadmap to learn Web3 Development & get a 6 figure remote job
👉 EVEN during this bear market
Excellent video. I've been following this channel for a while and I'm excited to see you're focusing on NFTs and bringing in new talent like Joseph. I'm brand new to NFT technology and I love learning about it so this is an exciting development. Thanks and keep up the great work 👍
I am so glad for this tutorial! I was studing the alchemy tutorial but few thinks was not clear to me. This tutorial was very helpful!
Glad it was helpful!
@@EatTheBlocks can this work on bsc ?
Super tuto Julien, continue comme ca!
thanks!
@EatTheBlocks great video! How does the process work when the contractor creator has already created the art?
Great tut, thanks!
You're welcome!
Excelentíssimo! What about mint in other blockchains, is the same procedure, or varies a lot? Thanks!
Thanks , amazing tutorial !
You're welcome!
Amazing tutorial bro. Thank you for this
My pleasure
Julien! Thank you!
hey there @EatTheBlocks i hope you're doing great and thank you so much for this amazing tutorial, however will be possible to use the same contract on bsc ?
Absolutely
Hi Julien ! this video of your's made me to fix a typo in it's Readme file !
Thanks man! that marks my first ever contribution to a public repo 😅
Fantastic!
Hi, thanks for the video. I just wanted to ask. Does this create only 1 collection, or can the uploader choose different colections for their nft? Thanks
thank you for choosing vs code :D
Hey Julien, Amazing content you are providing. Can you make a video on blockchain core development.. I couldn't find any relevant info on core development
Hi Julien, I have one question, when this is changed to the real ETH network, can a buyer do the minting and pay the gas fee? Or is that only for other contract types?
Do other blockchains like polkadot and solana have alternatives for Alchemy?
Thanks 👍
Hi So I just finished the contract.Is everything still the same in the alchemy site as video. I downloaded it and files look different? Like they added to make it easier? Is there anywhere reliable to hire some for service like you? Thanks Your videos make it loo so easy.. but kinda. Take me days. Your very great at it! Great video
Excellent video.
can you provide the example for ERC-1155 about ethereum?
I really appreciate this video..
Please how can I make a function to disconnect my wallet?
Thanks for this super usefull guide, but I'm facing with a strange behaviour of metamask wallet:
I wrote a Smart Contract when in my payable function I got a require statement about the value sent from the actual connected address (on metamask) to my Smart Contract,
ofc if this value is lower than the expected one the require statement fails and the transaction should be stopped or reverted.
The strange behaviour is about the pop-up of metamask that shows a red label saying: "Transaction Error. Smart Contract Exception Generated in the code".
This souds correct, but what i dont understand why the button "Confirm Transaction" is still active and pressing it generates a pending transaction that consumes gas.
Maybe the Confirm button is active even if exception was generated because my contract is deployed on Rinkeby and on mainnet would be disabled?
Thanks for help
Hi, thank you for your video. After doing the transaction, I couldn't found the Token ID in ethereum scan. Is there any solutions for that?
Thank You for tut :)
No problem 😊
Hello i got troubled in alchemy the ropsten network are deprecated so i still stuck
Ropsten Faucet is not longer working 😢please update it
How can we change look of mint site? Adding our image and colors without unnecessary buttons for minters, just mint button with how many nfts left for mint
Line 26:32: 'pinJSONToIPFS' is not defined no-undef.
Is there anything is should look for?
Would you mind sharing the contract code for the same?
hi friend, my website is made through adobe muse, it is also possible to insert html code.
How can I connect the mint button to my website? can you help with this?
Good review. Maybe u need to take a look at other project. How about KDG, they focus on NFT Game and their product is quite good
Looking for a great gadget and work only team. I see it in KDG's new project, hope to thrive in NFT Game
I'm getting stuck on the ropsten faucet part it says I'm greylisted... even on my first try I never received the fake ether. What do I do?
Hi, Great video, Just wanted to know if you are working on Immutable X? A tutorial for that would be sick
Good idea! What do you want to know about ImmutableX especially?
@@EatTheBlocks How to drop our own 10k avatar project? That'd be sick!
Good stuff, man. Why alchemy, though? Could you have used Truffle and Ganache? I'm trying to understand what's the advantage of using Alchemy.
If you need to just send transactions, Metamask already has a web3 connection, and yoy don't need Alchemy or any Ethereum API.
However, if you have a backend that sends transactions or, in a frontend you want to show some Blockchain data to users in a log-out mode (not connected to Metamask, which is the case of all first time users, including those who don't want / don't know how to install Metamask), then an Ethereum API like Alchemy is useful. On top of it, Alchemy has many tools and specialized endpoints that can help you.
HI man, I just registered your course, and only one introduction video is clickable, if you don't mind, may I ask how can I get more courses, I would like to do some blockchain studies. Thank you
how do you open the frontend page
Nice tutorial. Can you guide me on how to inject Binance Chain Wallet into the dapp instead of Metamask?
awesome video
Thanks!
your code files are outdates as it does not run on 'npm start'. I think it is using very old version of Node....please fix this
Error: Alchemy URL protocol must be one of http, https, ws, or wss. Recieved: undefined React.js and i have .env in the right minter-starter-files root :(
I have same problem. Can you tell me how to fix it??
I get this error when I enter account address. "you are greylisted - greylist period is now reset on this ip and address"
Do you have free books for solidity class 🥺🥺 I hope my laptop is capable of doing the work
Great Tutorial
Greg, I already have a video on my channel on how to deploy a smart contract :)
@@EatTheBlocks Perhaps helping us with a link? I searched the channel but couldn't find it.
Lol, its in this video :)
Can I do this with BSC?
Does this work on polygon blockchain?
Why is there no Solidity involved?
Hello, I have some question about the course Profitable Loans, how can I contact with you?
You can find my email at the bottom of the video description
how we can list all nft images?
I can't find a working Ropstan Faucet, so I am stuck.
Hey, can you do anything regarding lazy mint? If possible
Thanks 😊👍
good idea!
Am i the only one who couldn't get the free test ETH and got greylisted :/
how to add mint to my own website like BAYC
Is ir free of cost
Hi , I'm getting errors. please how to fix it... "Error: Alchemy URL protocol must be one of http, https, ws, or wss. Recieved: undefined" ?
I'm running into the same issue, have you resolved this?
Fixed my issue, I had the .env file in the src directory instead of the "minter-starter-files" root.
@@ChrisHoadley hi chris then right after you move the .env file have you got the error with "babel-jest" something?
i move my .env file's location to minter-starter-files/ and i add "SKIP_PREFLIGHT_CHECK=true" at the bottom of the .env file and it works! :)
thx Chris!
After running the npm install and then npm start; im getting the following error: Error: Alchemy URL protocol must be one of http, https, ws, or wss. Recieved: undefined
How do I resolve?
Same shit
Rep by Chris Hoadley a little down : " Fixed my issue, I had the .env file in the src directory instead of the "minter-starter-files" root. "
He unlock me
I have same problem. Can you tell me how to fix it??
This code is outdated mate. Tried with Next.js , used chatGPT 4 to debug the things coming here it does provide me explanation, but no proper fix, response error 400, cannot take the API keys from Pinata although I already did that successfully.....I tried going to the older version of React 17...and install starter files, error that the webpack version is too old, old libraries, old dependancies. Is no longer available for this year.
Things moves quickly in Web3 :(
@@EatTheBlocks yea I'm trying to find different solutions, now! I hope I can figure it out.
@@EatTheBlocks thank you anyway, at least I learned the basics of a NFT creation full dApp from you. I can take it from here ;)
Триста!
I appreciate the tutorial, but he goes so dam fast when he pasted code in, its hard to see the location of the brackets
Man, you making your PINATA SECRET KEY public by exposing it in your request headers? That can be inspected and seen by anyone and should not be used in production.
If Adele had a son with Vitalik.
Hey would u be willing to create a website for me I’m tryin to sort out a nft collection for charity but I have no idea on creating a minting website and no coding skills would love some help or someone who could help
Noo now my competition will be higher ;(((
there enough money for all of us in this world, don't be so greedy