ERC721 Collection 101 - 09 - Deploying the DAPP

In this video you will learn how to deploy the DAPP straight from your GitHub repo, with a powerful hosting platform, a global CDN and with just a couple of clicks.
GitHub repository: github.com/has...
My GitHub profile: github.com/liarco

[@skippy971282]

Liarco these are amazing, thank you so much. I have been on the Discord server helping people the best I can with their scss but this really nails a lot of that customization.

[@LiarcoDevTips]

Thank you very much for your support, I really appreciate it! ;)

[@edwintan1679]

Hi Liarco, I want to ask, when initialising repo, do I do it for the entire erc721 collection folder or just the minting dapp folder?

[@ricardogarcia7683]

Thank you, thank you, thank you. All your conten't has been of a great help. aplauses for Liarco!!

[@LiarcoDevTips]

Thank you very much, this is just the beginning, I hope I'll be able to help much more! :)

[@bock-schroeder]

These tutorials really help

[@mohammadsafvan8874]

I deployed my smart contract using the erc 721contract on polygon testnet and minted 3 nfts from a different wallet but I can't see the nfts in my wallet and when I go the collection the nfts are there but the ownership (owned by xyz) is not showing,it's empty.... What do I do???? I need a solution please ,as soon as possible 🙏🙏

[@phoenixnouvel3261]

Thanks Liarco for the video.

[@smithchiang3732]

Hi sir, thank you for the video. If I did something wrong on this part, can I delete repo and redo again? Because I follow the step and don't know why commit took 1 hours still loading and I tried to type git push -u also show me error.

[@worldofpharaohs4074]

Hi Liarco, I haves question. I followed all the instructions of the masterclass Video of Hashlips and your instructions to deploy a smart contract and minting dapp for 9900 NFT‘s. I minted 4 with two different accounts. But they do not show up correctly on the OpenSea testnet. One has the correct metadata but still the hidden image and the others just show up with an automatic image saying no content available yet. I revealed the collection in the code and refreshed metadata. Would be very pleased if you could help me!

[@cchelseacxx]

Questions can come in⬆️⬆️

[@gerardoovalle2785]

Awesome Video Liarco. Thank you so much

[@mutaharra]

do you add EIP-2981: NFT Royalty Standard to the contracts?

[@LiarcoDevTips]

Hi, I don’t have plans to add that feature to the contract anytime soon since that standard is not used by any marketplace out there (as far as I know). Implementing it would just give a suggestion for the royalties value, but it won’t force any payment. (e.g. OpenSea would ignore it and still use the value stored in their configuration)

[@flextrading9365]

hey great vid. thanks for this. quick question: how can I make this work with the nft-erc721-collection-2.0.0 version?. it doesn't seem to recognize the yarn function on cloudfare. sorry to bother.

[@pigeontest]

Liarco, I'm having trouble to "merge" the dapp NFT ERC721 folder with my repo. I've created the repo as you are showing, but I don't know what to do next. I have to open my repo on the Visual Studio? How can I make this connection with the git repo and my local folder dapp?

[@kimikimi8866]

Hello Liarco, is there a way to share the winnings. Should I add a payment splitter? Thanks for all you do

[@cchelseacxx]

Questions can come in⬆️⬆️

[@joeroyaltycurator]

Help getting folllowing ewrror 23:52:02.769 go version go1.14.4 linux/amd64 23:52:02.774 Installing missing commands 23:52:02.774 Verify run directory 23:52:02.775 Executing user command: yarn build-dapp 23:52:02.780 /opt/build/bin/build: line 39: yarn: command not found 23:52:02.788 Failed: build command exited with code: 127 23:52:03.486 Failed: an internal error occurred

[@zahid4it]

Thank you for your great help! Getting this error while development at cloud flare "Entrypoint main = main.css main.js" i am not able to make it online, can you please help me!

[@Nftss-ep2kr]

Hey liarco , I’ve done pretty well for a beginner but when I go to deploy the dapp to cloudflare it gives me error code 127, but I have already installed all the dependencies , so you know any other ways to solve this ?

[@joeroyaltycurator]

im getting same error but dapp works on backend when iretest

[@Nftss-ep2kr]

@@joeroyaltycurator I fixed mine, just run yarn build dapp

[@Tropicalflows]

@@Nftss-ep2kr still got an Error, altough i did the Same like you did; do you know why?

[@tranngochieu9464]

@@Nftss-ep2kr how to fix it bro?

[@jamshidkhan4374]

Thanks Liarco, You are great

[@rappour]

Liarco, thanks for these tutorials! I am stuck however in the very beginning. I have opened the entire nft-erc721 folder in Visual Studio. When I click on the Source Control Tab on the left I see "Initialize Repository." If I click this button then I have 60 files that need to be committed but I don't believe this is correct. What am I supposed to do here? Which folder am I supposed to run the 'new repository commands in ?" Thank you!

[@optimuskiller97]

Hi there, I was wondering what vs code plugin you're using for the terminal, I like how it colors the commands for easy reading

[@LiarcoDevTips]

Hi, it’s not actually a VSCode thing, it’s a ZSH add on, it customizes the look and feel of your whole terminal experience. You can find it here: ohmyz.sh/ ;) Keep in mind that this is compatible with ZHS, which is now the default shell for maxOS, but you may have to find a similar tool for your operating system

[@microtoy6330]

Thank you Liarco for your videos! I have tried your minting-dapp, but I found that the size of main.js is very huge, how to optimize it? How can I reach you? Thank you.

[@LiarcoDevTips]

Hi, thank you for your feedback! Last time I checked the JS size was around 200kb (not very small, but not that huge)... for this type of app it doesn't seem too much. What size are you getting? Anyway feel free to contact me on any platform you wish, you can find contact information here: github.com/liarco

[@mcbeav]

Is it possible to use the nft metadata protection project with this setup?

[@LiarcoDevTips]

Yes, I'm the author of both so I made them 100% compatible with each other. Just a quick "insider-tip": version 2 is almost here, I scheduled the release on Aug 11th. It's a more powerful and much cheaper to deploy. If you are not in a rush, then I definitely suggest checking it out! ;)

[@zivbaumel255]

Hi Liarco, everthing worked well, apart post deploying the contract to the mainnet, I can not edit the profile of the contract, even post 1st mint any reason

[@LiarcoDevTips]

Hi, can you please share the contract address since it's on the mainnet? I had a couple of users with similar issues: in one case he was using the wrong wallet when connecting to OpenSea, the other one accidentally deployed to the testnet or the local one instead of mainnet, so the contract was not even on etherscan. If you can share the address I might be able to see what's going on.

[@ansydesrosejacques]

Hi Liarco So, it's me again, I checked and I didn't find in the smart contract, a part dedicated to royalties, was I wrong or?

[@andestajohan719]

dear Liarco, I've finished your tutorial on ERC721 Collection 101 - 09, on this video, i'm still confused, which folder i should select to start from, am too scared to screw out the existing dapp i've set up. could you kindly tell me, thank you

[@LiarcoDevTips]

Hi, if you are deploying manually (e.g. uploading via FTP), then you can simply upload the content of the “minting-dapp/public” folder to the root folder of your hosting service. If you are using a deployment platform I would recommend CloudFlare as shown in this video, but the same configurations should work with other platforms as well (pretty much any provider should have documentation about deploying a NextJs app, you can take that as a reference).

[@dwbroodle]

Liarco, when YOU create a "New repository" in the video- it has all of the NFT-ERC721 Project already in it. When i create a new repository it has a "readme" What step am i missing here?

[@LiarcoDevTips]

Hi, you have 2 options: 1) easy but public: you can fork my own repository and then work directly on your own copy. A fork differs from a brand new repo because it’s a copy of an existing repository, that’s why all files are already there when I create the repo (if I’m not mistaken you can’t create private forks out of public repos from GitHub’s UI) 2) little more advanced but private: you can use git in order to clone my repo and push a copy of it to your own private repo. Here is some info about this: stackoverflow.com/questions/10065526/github-how-to-make-a-fork-of-public-repository-private

[@dwbroodle]

@@LiarcoDevTips i believe this was my exact issue- and creating the private one- i ran into a bunch of unwanted tracking of files as well. i think when i was trying to do it private thats why i was also getting the error of no access. will try again now- thank you Liarco!

[@dwbroodle]

@@LiarcoDevTips That was the issue Thank you :)

[@pigeontest]

Hi Liarco, thank you for yout tutorials! I'm receiving this error: Hardhat tests workflow run I can't get any info about what's going wrong....

[@LiarcoDevTips]

Hi, where are you getting this error? If it’s on GitHub actions, please keep in mind that hardhat tests may not cover custom configurations. So when forking our repo you should update tests depending on changes you make to the code/configuration, or you should disable GitHub actions on your repo since those automated tests wouldn’t work anymore.

[@zahid4it]

Thank you

[@mhk123-e3t]

Hi Liarco! 1. I downloaded zip file, extracted it, and changes the variable as per my project. 2. I deployed and verified the contract using truffle. 3. I did not run 'yarn dev-server' or opened whitelist. 4. I pushed the repo to github using 'create new repo option'. All went well till here. Now, I tried to deploy on vercel and cloud flare but it is giving errors and not deploying successfully. Can you please tell what's the matter?

[@LiarcoDevTips]

Hi! Sure, can you please give me some insights about your deployment configuration? (e.g. did you set all the paths and commends correctly? do you have all the files in your repo, including the smart-contract folder?) Also, may I ask you why you downloaded the zip archive if you were planning to upload to GitHub? I'm just asking, because for this to work properly you have to keep the same exact folder structure (including all files and folders). In my opinion this is much easier if you use git from start to finish. For instance: fork my repo, clone it locally, work there and push changes to your own fork.

[@0x_noot]

Everything works great, but when i try to mint on the minting dapp it says Error: Execution reverted: Invalid proof. any idea what could be causing this?

[@LiarcoDevTips]

Hi! It looks like you updated the whitelist file, but you forgot to open the whitelist sale again (to update the merkle root) or to rebuild the dApp in order to update the whitelist proofs. Please check these two steps and you should be able to fix the issue 😉

[@AhmadAli-mw7md]

Hi! I have a problem when I start NFT Minting, some NFTs are mint on my wallet and a lot of NFTs are mint on someone else's wallet. The only one on the whitelist is my own wallet. Please tell me the solution to this problem. Thank you!

[@LiarcoDevTips]

Hi, a whitelist cannot contain one single wallet address (that's clearly stated in the videos). Setting one wallet breaks the Merkle Tree so it might be possible for anyone to mint with no restriction. If you want to be the only one to be able to mint, then I would suggest other solutions, for example: keep the contract paused and use the "mintForAddress" function from the owner's wallet. You can run the function on Etherscan.

[@Gamer_AZ_king]

i just want to say where is smart contract you remove it i remove it to or it just test

[@cchelseacxx]

Questions can come in⬆️⬆️

[@uplearnhub]

Hi @Liarco DevTips, thanks for the amazing tutorials. have some questions regarding this tutorial, 1- same process will work with the minting-dapp from the hashlips-lab repo? 2- do i have to update the whitelist before i publish to github? 3- if i update the whitelist at any time, i just push changes to github and cloudflare will update automatically? 4- if all dependencies installed for both contract and dapp i can push everything to the repo? regards.

[@LiarcoDevTips]

Hi Metavix, thank you for your feedback! 1) yes! :) I'm the author of that repo, this video series is all about that project (I'm not talking about the old dApp by HashLips, the HashLips Lab is the new organization we created together. The old dApp won't work) 2) yes, it's better to rebuild and redeploy the dApp at any change to the configuration (including the whitelist). There are some settings that do not affect the dApp, but to keep things simple I suggest rebuilding every time. But with this solution it's automated each time you push a commit to the repo, so it's not a big deal 3) as I said at (2), yes. Please remember that you also have to open the current sale again on the contract in order to update the Merkle Tree root hash 4) dependencies are not pushed to the repo, GitHub actions will install them from scratch at each run, so you shouldn't worry about it I hope this is clear enough, feel free to ask if you have any further questions! ;)

[@joemeranito181]

hi! sir liarco just want to ask why is there a "rug pull all" in my metamask activity after i deploy the contract. TIA

[@LiarcoDevTips]

Hi, that's pretty bad to see to be honest, but it seems like MataMask is marking many "contract deployment" transactions as "Rug Pull All" because of an error (source: www.reddit.com/r/ethdev/comments/uhxkmn/rug_pull_all_method_showing_up_when_deploying/). Here is a PR on their repository that I think should fix this: github.com/MetaMask/metamask-extension/pull/14598 And here is some other info about this: twitter.com/caffeinum/status/1522155610900688897?s=20&t=XjHIGolW8DFvb6SJL1-89w

[@jovetokens4434]

I also got a rug pull on mm after deployment of the contract

[@alexpunkdao1469]

Thanks Liarco!

[@Gamer_AZ_king]

hey liarco i really become fan of you after these tutorials really helpful ☺ lot information did i even don't need run any code like yarn or create server and where is the smart contract part i had to remove it to please little explain

[@LiarcoDevTips]

Hi, thank you for your feedback! Did you follow the full playlist about how to use this tool? It’s available here: kzbin.info/aero/PL5G6EQziKpIpMo9ZEgAG3GHBpfPeaF5Hr The videos show what to do step-by-step, but feel free to ask if there is anything specific that you need help with!

[@Gamer_AZ_king]

thanks so much i do all 1 by 1 before but i do it again maybe i mess 😅 apart i really appreciate if you give me your discord link or any another social media i really want to join support and work together ❤

[@myronkoch]

this set of tutorials is awesome! Thanks! Is the dapp compatible with mobile devices? Is there an easy way to integrate other wallets?

[@leoniecampbell7499]

wow! this is soo cool! thanks so much !

[@zivbaumel255]

Liarco you are amazing, Once I press Connect Wallet and sign with with Wallet, The spinning "Loading collection data.." never stopes, How can I debug

[@LiarcoDevTips]

Hi, thank you for your feedback! This usually happens when the dapp can’t find the contract. Please double check the selected network and also the contract address in your configuration!

[@zivbaumel618]

@@LiarcoDevTips Thanks Liarco, I was able to figure the issue thanks to your suggestion, Thanks One additional Q if I may, Once I deploy the dapp, I am still unable to search and see the collection in opensea, only post first Mint. How can I set up Opensea collection page, with all relevant info such as Banner ,Description, links to Twitter, etc.. and connect it to the deployed Contract before I mint the first NFT

[@LiarcoDevTips]

Hi, I’m happy to hear it! :) Unfortunately that’s how opensea works: you won’t be able to import your collection until you mint the first token (and at that point it should happen automatically). As far as I know, there is no way to have your collection indexed with no tokens, maybe if you are a very big brand you might get in touch with OS directly, but I’m just guessing…

[@zivbaumel255]

@@LiarcoDevTips Appreciate your time in responding

[@illuminaughty666]

Thanks for the tutorial sir!

[@jovetokens4434]

Thanks for the tutorial sir. I'm developing a concept that includes adding a sound track to either the PNG or GIf arr I create, please how do I go bout the generation process with hashlips art engine?

[@LiarcoDevTips]

Hi, this is not supported by the current version of the Art Engine but we are planning a complete rework of it... so would you please go to my GitHub profile and reach out to me on one of my social accounts there? I would be happy to know more about your use case so we may address it. ;) github.com/liarco

[@jovetokens4434]

Thanks so much, I just got this message. Reaching out to you asap

[@kaiser6242]

Hi Marco, thanks. I was using vercel but cloudflare it's better. Another question quite off topic. Is it possible in the hidden metadata and hidden images to specify that a hidden_1 is for example for the first 100 NFTs and hidden_2 is for the rest? Thanks. Have a nice day

[@LiarcoDevTips]

Hi Kaiser, thank you for your feedback! :) This can be done, for sure! You may take a look at the function which returns the token URI and change the lines returning the hidden metadata URI. You can even have custom hidden data for each token if you wish! I’m taking note about this for a future video 😉

[@kaiser6242]

@@LiarcoDevTips you da man! Thanks, ill try to experiment but I'll wait for the video too

[@ansydesrosejacques]

Hi sir, thanks for this video, it was amazing, but i have a lil problem, you added the whitelist in the contract but you did not create a part in the dapp for the whitelist registration. i just want to know how to create an inscription in the dapp.. And after thanks for all your videos.

[@LiarcoDevTips]

Hi! Thank you for your feedback. Collecting WL addresses is not an easy task (especially if you want to automate it). You have to make sure you are not allowing bots in or that people won’t be able to sign with multiple addresses, otherwise that would defeat the whole purpose of the WL! The most basic option you have is probably a Google Form denying anonymous entries… ;)

[@ansydesrosejacques]

@@LiarcoDevTips we thought about it thank you, but then can you help us to create one, which works with the smart contract that You and Hashlips have coded? It would be really great to avoid running around

[@LiarcoDevTips]

I noted this down for a future video, thank you for your feedback!

[@ansydesrosejacques]

@@LiarcoDevTips i have a new question we already had a site that offered the welcome, the roadmap, the team etc, can we link the dapp with the site?

[@LiarcoDevTips]

The best option is to publish this dapp to a subdomain (e.g. mint.yourdomain.com) and add a link on the main website to the dapp. Having both on the same page doesn't provide much advantages and can make things quite complicated. ;)

[@madnftist4285]

thank you guyz.

[@bellmed3065]

Hi liarco I'm having a hard time running the commands ( yarn compile ,yarn dev-server... ) for both smart contract and minting dapp by the way I did everything in the video basic setup for nfts win 10 and the erc721 version I'm working on is 2.4.1 it It is better to make a video with all the updates and thank you

[@leoniecampbell7499]

Hey Liarco, your tutorials are amazing! Can you please explain the Github repo a bit more as I'm lost on that section? thanks once again

[@LiarcoDevTips]

Hi Leonie, thank you for your feedback. What would you like to know more about the repo? Did you happen to see my playlist about this repo? kzbin.info/aero/PL5G6EQziKpIpMo9ZEgAG3GHBpfPeaF5Hr Episodes 2 and 3 are about the folder structure of both the contract and the dApp. I hope it helps! I will be more than happy to get more into details with more videos is you have any suggestions.

[@sourav_maji]

Can you make a video on how to deploy the contract in polygon mainet

[@LiarcoDevTips]

Hi! All supported chains works exactly the same, this video explains how to configure your collection, including how to point the app to the Polygon chain instead of the Ethereum one: kzbin.info/www/bejne/ppykaWl9fbqSrtk Also, this playlist contains videos covering everything about how to use this project: kzbin.info/www/bejne/sJvPmGBma5dlhrc I hope this helps, please let me know if you need anything else. ;)

[@sourav_maji]

@@LiarcoDevTips how to deploy in mainet

[@LiarcoDevTips]

This video shows how to deploy and manage the contract on any network using MetaMask wallet: ERC721 Collection 101 - 07 - Managing the contract using Truffle Dashboard kzbin.info/www/bejne/nKjHenRritqDo68

[@sportspectacle360]

please I really what a traning on this,can I get it

[@furyb3387]

add wallet connect to dapp

[@cchelseacxx]

Questions can come in⬆️⬆️

[@myronkoch]

I'm getting this cryptic error inside of my github Actions, and can't figure out why. Can I get any help on this? -- "AssertionError: Expected transaction to be reverted with Max supply exceeded!, but other exception was thrown: InvalidInputError: sender doesn't have enough funds to send tx. The max upfront cost is: 45650029190911219483104 and the sender's account only has: 9829999632667055382896"

[@LiarcoDevTips]

Hi, it looks like you are trying to mint over the max supply value. You should mint a lower number of tokens, or maybe your contract configuration has a wrong “maxSupply” value.

[@myronkoch]

@@LiarcoDevTips, the error isn't happening when I try to mint. It happens in GitHub Actions (under heading "hardhat test") when I push minting-dapp code changes from VS Code to GitHub. That's the confusing part...there's not a wallet involved. Looks like it still builds and deploys in cloudflare pages, though. The smart contract is on Mumbai. Not sure if that figures in.

[@muhdamin340]

liarco can you make video on how to custom and make our dapp like other website, like sketchy ape club website, we can scroll, we can mint as well, we can see alot information there. pleaseee

[@cchelseacxx]

Questions can come in⬆️⬆️