Тёмный

Create a React minting dapp using thirdweb workshop 

HashLips Academy
Подписаться 99 тыс.
Просмотров 18 тыс.
50% 1

This video forms part of a thirdweb series where I will explore how we can make use of thirdweb in the web3 space. Shivam will cover the topic of how to create a minting dapp using thirdweb. I had a lot of fun creating this video and I hope you have just as much fun following along.
Repo:
github.com/Has...
thirdweb:
thirdweb.com/?...
Shivam's Website:
www.shivamdhru...
thirdweb playlist:
• thirdweb with HashLips
Twitter: / hashlipsnft
Website: hashlips.io/
HashLips/HashLips Lab provides educational content and open-source code for informational purposes only, without any express or implied warranties on accuracy or completeness. Our materials are not intended as financial or professional advice and should not replace professional judgment or expertise. The use of our content and code is at your sole discretion and risk.
Please note, that our resources are not financial advice. Decisions made based on our content are the user's responsibility, and HashLips/HashLips Lab assumes no liability for any direct or indirect losses, including but not limited to data loss or profit loss, that may result from utilizing our educational materials or open-source code.
#react #generativeart #generative #art #node #javascript #coding #smartcontract #programming #polygon #ethereum #nft​​ #nfts​​ #hashlips​​ #code​​​​ #solidity

Опубликовано:

 

13 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 75   
@HashLipsAcademy
@HashLipsAcademy 2 года назад
Please remember I will not give my number out in the comment section. People seem to be impersonating me. Hope you enjoy the video.
@workofartclub
@workofartclub 2 года назад
@VFXBlend_yt
@VFXBlend_yt 2 года назад
Hey Man, Thank you for the informative video I learned soo much but I am having a problem. At 3:19 after adding the Thirdweb Provider to the main file I could not able to view the localhost, I mean the localhost is just disappearing after adding that property. Please Help me getting this fix.
@randonpotts
@randonpotts 2 года назад
Thanks for the time taken to make the nice tutorial. It would be lovely if Hashlips could also make the same video as he has a skill in explaining and breaking everything down to simple words and terms. Much love to your friend as he is clearly skilled as well.
@KBenmo
@KBenmo 2 года назад
Hashlips U explain way clear.With respect for ur friend.
@HashLipsAcademy
@HashLipsAcademy 2 года назад
I understand this tutorial is a bit more technical but is needed. We will make a more simpler video in the future too.
@eldi8414
@eldi8414 2 года назад
@@HashLipsAcademy this video is hard for us please daniel we want a simple minting website
@KBenmo
@KBenmo 2 года назад
@@HashLipsAcademy thanks but in thirdweb erc721 u made u said just we can copy the mint code and post it on our website?? If that work why we need that ??? Thanks 🙏🏽
@kriskilgroe1697
@kriskilgroe1697 2 года назад
Thanks for making & coordinating all these DIY tutorials.
@markharry416
@markharry416 2 года назад
Hey man why no wallet connect or coinbase wallet on minting dapp when you can get that via the code on third web?
@26PRO26
@26PRO26 2 года назад
Thanks for this tutorial!
@BASSIMONLINE
@BASSIMONLINE 2 года назад
Hey boss can you please tell me how to make your girhub mint page support wallet connect not only metamask please guys so he can see my message ❤️
@MDGGamesStudio
@MDGGamesStudio 2 года назад
Up
@wuerk
@wuerk 2 года назад
How do you open the webpage on the right side of your page?
@Passport_2_Paradise
@Passport_2_Paradise 2 года назад
Hey bro loved the video, I was wondering if you could show us a contract that has the presales and royalties path and dev team free minting ?? I know you have touch on those before .. keep it up brother 💪
@linmyLo
@linmyLo 2 года назад
Thank you for making so many great videos,But I have a lot of questions while making the web page, can I ask on DC? Will you help me out? I'm a newbie, but after watching your video I learned a lot, some questions I can't find the answer to, I'm crying
@The_soul_is_waiting_for_you
@The_soul_is_waiting_for_you 2 года назад
Daniel cool cool cool💪Thank you🙏
@uzumaki9653
@uzumaki9653 2 года назад
sorry i don't understand this video isn't similar if i open the code from visual studio instead of remix eth?? i can't find the same name in the code
@metaboxers
@metaboxers 2 года назад
As your creating the minting app, there is a local host view of the template already. however, I don't see the page. I added the word "Hello" to the body of the index.html file and I can see that text. however, I don't see the minting app page.
@savagebp
@savagebp Год назад
what node version?
@benh8199
@benh8199 2 года назад
"claimedNFTSupply" and "unclaimedNFTSupply" values work fine with an "NFT Drop" contract, but doesn't seem to work with an "Edition Drop" contract (it just says 'undefined'). How do I make it work with other types of contracts besides the NFT Drop contract?
@fajarwibawa3511
@fajarwibawa3511 2 года назад
hey daniel. love all your videos. can i ask, how we can show the sample web, like the right side of the video?
@wuerk
@wuerk 2 года назад
I'm having the same issue! I thought it was "yarn dev" but that isn't working for me.
@chipimateos1266
@chipimateos1266 2 года назад
yarn dev-server will open the localhost
@Cubannerd
@Cubannerd 2 года назад
would you guys do a video using thirdweb for a 1/1 art collections? A lot of these are useful for pfp but not for 1/1. Thank you in advanced.
@hey_utkarshh
@hey_utkarshh Год назад
How to run the Program, does npm run dev works ??
@killer909Y
@killer909Y 2 года назад
How do you add it to an existing website
@nicomartina
@nicomartina 2 года назад
local host 3000 says that cannot ready undefined (reading "args") when trying to mint. please help
@KBenmo
@KBenmo 2 года назад
Am again first one here
@mehrdad1068
@mehrdad1068 2 года назад
Please make tutorial for cross chain bridge 🍄🚀
@ivanchristianespiritu9200
@ivanchristianespiritu9200 2 года назад
Cant understand. I think its better if hashlips do this
@MatichekYoutube
@MatichekYoutube 2 года назад
12:00 metamask on button doesn't open - i don't get any errors in console
@LL-zj7si
@LL-zj7si 2 года назад
It would be great if you can show us(no coder) how to embed the mint in a website using wordpress etc. That would be a stress relief with less code.
@Cubannerd
@Cubannerd 2 года назад
with wordpress you just have to add an html code block and paste the embed code inside.
@mingruechakorn8722
@mingruechakorn8722 Год назад
can this work with polygon chain?
@Lexichats_my_Teleqram_id
@Lexichats_my_Teleqram_id Год назад
Questions can come in⬆️⬆️
@AnshumanAtrey
@AnshumanAtrey 2 года назад
how to host that dapp you made
@prometheanart
@prometheanart 2 года назад
Really really appreciate the time that's gone into making this tutorial. Unfortunately, the screen is just too dark and he's going through everything so quick, that's it's extremely difficult to follow along. May be better if he didn't keep swinging back and forth making changes to code that's just been written. This is definitely not a tutorial for begginers
@codingguild
@codingguild 2 года назад
How did you get the terminal folder-git-repo git branch configuration?
@pinnedytradeiq1448
@pinnedytradeiq1448 2 года назад
ᴡʜᴀᴛꜱᴀᴘᴘ✙𝟏𝟐𝟔𝟐𝟑𝟗𝟗𝟏𝟔𝟖𝟒 ᴍᴏʀᴇ ᴜᴘᴅᴀᴛᴇꜱ ᴏɴ xʀᴘ,ɴꜰᴛ’ꜱ,ʙᴛᴄ📊 ᴡʜᴀᴛꜱᴀᴘᴘ✙𝟏𝟐𝟔𝟐𝟑𝟗𝟗𝟏𝟔𝟖𝟒 ᴍᴏʀᴇ ᴜᴘᴅᴀᴛᴇꜱ ᴏɴ xʀᴘ,ɴꜰᴛ’ꜱ,ʙᴛᴄ📊 👆👆
@maxsimpson4446
@maxsimpson4446 2 года назад
Anybody done this but using NPM instead of yarn? What are the npm dependencies needed?
@MikeeBuildstech
@MikeeBuildstech 2 года назад
how do you send DM on youtube i need the npm command aswell. thank you.
@segatronmedia
@segatronmedia 2 года назад
Having similar issues
@Cubannerd
@Cubannerd 2 года назад
it's probably npm install @thirdweb-dev or something. Just go to the thirdweb documentation. they give you the commands for npm. don't dm anyone.
@killer909Y
@killer909Y 2 года назад
Why does it matter that the name and description are imported from the blockchain metadata?
@pinnedytradeiq1448
@pinnedytradeiq1448 2 года назад
ᴡʜᴀᴛꜱᴀᴘᴘ✙𝟏𝟐𝟔𝟐𝟑𝟗𝟗𝟏𝟔𝟖𝟒 ᴍᴏʀᴇ ᴜᴘᴅᴀᴛᴇꜱ ᴏɴ xʀᴘ,ɴꜰᴛ’ꜱ,ʙᴛᴄ📊 ᴡʜᴀᴛꜱᴀᴘᴘ✙𝟏𝟐𝟔𝟐𝟑𝟗𝟗𝟏𝟔𝟖𝟒 ᴍᴏʀᴇ ᴜᴘᴅᴀᴛᴇꜱ ᴏɴ xʀᴘ,ɴꜰᴛ’ꜱ,ʙᴛᴄ📊 👆👆
@wuerk
@wuerk 2 года назад
Yarn Dev does not open the localhost webpage for me.. Any tips?
@killer909Y
@killer909Y 2 года назад
same
@VFXBlend_yt
@VFXBlend_yt 2 года назад
At 4:35 local host is not working. Only a blank page is there at my localhost server. Please Help.
@jay-kv6wn
@jay-kv6wn 2 года назад
Mine does not work either
@VFXBlend_yt
@VFXBlend_yt 2 года назад
@@jay-kv6wn I don't know why are they now answering the questions that beginners have
@VAPORBAR
@VAPORBAR 2 года назад
any idea whats happening
@psychotv746
@psychotv746 Год назад
does this dapp work for "useEditionDrop" ?
@Lexichats_my_Teleqram_id
@Lexichats_my_Teleqram_id Год назад
👆̵s̵e̵n̵d̵ ̵a̵ ̵d̵i̵r̵e̵c̵t̵ ̵m̵e̵s̵s̵a̵g̵e̵ ̵f̵o̵r̵ ̵s̵u̵p̵p̵o̵r̵t̵ ̵a̵n̵d̵ ̵g̵u̵i̵d̵a̵n̵c̵e̵ .̵..
@lionelgaming5930
@lionelgaming5930 2 года назад
If it isn’t working run yarn upgrade -latest
@killer909Y
@killer909Y 2 года назад
I cannot get this to open in localhost
@lionelgaming5930
@lionelgaming5930 2 года назад
Run yarn upgrade -latest
@thegeek4368
@thegeek4368 2 года назад
second
@AnshumanAtrey
@AnshumanAtrey 2 года назад
please add edited code in github, its very very frustrating to see each line and edit that code.
@pinnedytradeiq1448
@pinnedytradeiq1448 2 года назад
ᴡʜᴀᴛꜱᴀᴘᴘ✙𝟏𝟐𝟔𝟐𝟑𝟗𝟗𝟏𝟔𝟖𝟒 ᴍᴏʀᴇ ᴜᴘᴅᴀᴛᴇꜱ ᴏɴ xʀᴘ,ɴꜰᴛ’ꜱ,ʙᴛᴄ📊 ᴡʜᴀᴛꜱᴀᴘᴘ✙𝟏𝟐𝟔𝟐𝟑𝟗𝟗𝟏𝟔𝟖𝟒 ᴍᴏʀᴇ ᴜᴘᴅᴀᴛᴇꜱ ᴏɴ xʀᴘ,ɴꜰᴛ’ꜱ,ʙᴛᴄ📊 👆👆👆
@segatronmedia
@segatronmedia 2 года назад
Anyone having issues using yarn on windows
@wearkids_
@wearkids_ 2 года назад
Nothing really understandable! The screen is so small it hurts my eyes. Content that is far from the Hashlips quality we know!
@jay-kv6wn
@jay-kv6wn 2 года назад
Blank space on localhost:3000
@cherobeam1181
@cherobeam1181 Год назад
Followed many vids of you but this one is very bad without the important explinations on the beginning! I am a big fan but this one is hard to understand, hard to see and without the important things you need to get this code run!!! Sadly thumbs down! Would be nice if hashlips does this video again
@Lexichats_my_Teleqram_id
@Lexichats_my_Teleqram_id Год назад
☝️send a direct message for support and guidance
@MatichekYoutube
@MatichekYoutube 2 года назад
Anyone gets index.js:504 Uncaught TypeError: Class extends value undefined is not a constructor or null at node_modules/nofilter/lib/index.js (index.js:504:11) error ?
@MatichekYoutube
@MatichekYoutube 2 года назад
AH, got it working - when install "npm install" - do "npm install --force" - that seems to fix some depedencies
@TikTokTrendsCompilation
@TikTokTrendsCompilation 2 года назад
@@MatichekRU-vid that still didnt work for me.. im stuck at this part at running the react app...
@MatichekYoutube
@MatichekYoutube 2 года назад
@@TikTokTrendsCompilation Yes, I got stuck further down the line - i guess he used old packages. I suggest you use a official landing page template from thirdweb "nft drop" example and implement tailwind. Perhaps example this video example will be put on github and corrected by the community.
@NoNonsenseDEFI
@NoNonsenseDEFI 2 года назад
Can you leave some prerequisites before you start please? What do we need to download before starting with the code etc. I can't run yarn add @thirdweb-dev/sdk @thirdweb-dev/react as it's giving me an error.
@NoNonsenseDEFI
@NoNonsenseDEFI 2 года назад
In the case the real you see this lol. The error is "error Couldn't find the binary git". Do you have any solutions to this please?
@NoNonsenseDEFI
@NoNonsenseDEFI 2 года назад
@Nacho Iacovino thank you for the reply. I've actually managed to figure out that part now and I've copied the code. My only issue is, that nothing is loading on local host. I've spent my whole day looking for answer but can't seem to get any
@likiliki3497
@likiliki3497 2 года назад
@@NoNonsenseDEFI Hey Bro, I am getting the same problem unable to load localhost, did u get a solution.
@likiliki3497
@likiliki3497 2 года назад
I can't install @thirdweb-dev/react by both yarn and npm, did u installed it?
@NoNonsenseDEFI
@NoNonsenseDEFI 2 года назад
@@likiliki3497 What does it say in the terminal?
Далее
Ванесса 🆚 Крискас  | WICSUR #shorts
00:42
Create an ERC721 NFT drop using thirdweb
21:38
Просмотров 31 тыс.
How Shadcn/ui ACTUALLY Works
32:38
Просмотров 99 тыс.
Create an ERC1155 NFT drop using thirdweb
9:20
Просмотров 7 тыс.
The new NFT Art Engine 2.0
32:54
Просмотров 30 тыс.
How to Create an NFT Minting Smart Contract (Ethereum)
15:02
7 better ways to create a React app
7:08
Просмотров 544 тыс.