BEST NFT Collection Minting Site (dApp) - Entire Process! Whitelist & Launch a Collection (10,000+)
ฝัง
- เผยแพร่เมื่อ 17 พ.ค. 2024
- You can now use this method to deploy to Ethereum!! 👉 • How To Launch an NFT C...
Get your FREE NFTPort API key at nftport.xyz
Get on the waitlist for the cbirdz.xyz collection:
▶ cbirdz.xyz
🧑🏾🤝🧑🏽 Join my Discord community: / discord
⭐ GitHub Repo Source Code: github.com/codeSTACKr/minter-...
Check out the collection I made:
▶ cbirdz.xyz
▶ OpenSea: bit.ly/CodeCats
** This is a new video demonstrating the process for creating an NFT collection, setting up a waitlist/whitelist, and deploying a minting dapp (website). NO CODING REQUIRED! **
No coding experience? No problem! We will get you from nothing to an entire collection of 10,000 Unique NFTs in no time! Let's get started!
There are a bunch of tutorials on TH-cam about how to create NFT collections, but none of them show you the ENTIRE process.
In this video, I'm going to show you how to create an NFT collection, create a waitlist/whitelist, and deploy a minting dapp, even if you have ZERO coding knowledge!
By the end of this video, you'll have a website where anyone can mint your NFTs!!
In this video, we are going to dive head first into cryptocurrencies, NFTs, and minting. And I don't expect you to have any prior knowledge of any of this. We are going to go step-by-step through the entire process!
I'm going to explain what blockchain and NFTs are and give you some context and background first. If you're already familiar with that and you want to go straight to the good stuff, I have chapter markers setup for you, just skip ahead to whatever section you want.
📚 RESOURCES 📚
⭐ GitHub Repo Source Code: github.com/codeSTACKr/minter-...
🧑🏾🤝🧑🏽 Join my Discord community: / discord
▶ @HashLips NFT TH-cam: / hashlipsnft
▶ NFTPort: nftport.xyz
▶ Mac M1 Issue: github.com/HashLips/hashlips_...
🎥 VIDEOS 🎥
▶ How to Create NFT Layers in Photoshop or Figma: • STEP BY STEP Create LA...
▶ NFT Playlist: • Crypto & NFTs
_____________________________________
🦸 Become A VS Code SuperHero Today: vsCodeHero.com
_____________________________________
🛠️ Tools I use:
🟠 codeSTACKr VS Code Theme: marketplace.visualstudio.com/...
🟠 STACKr Code Font (Exclusive to my VS Code Course - vsCodeHero.com)
🟠 SuperHero Extension Pack: marketplace.visualstudio.com/...
_____________________________________
⏱️ Timestamps ⏱️
00:00 - Intro
01:38 - Create Image Layers
03:45 - Generate Unique Images from Layers
16:59 - NFTPort API
17:50 - NFTPort Configuration Settings
26:02 - Create Generic Metadata (Optional)
26:59 - Upload Images and Metadata to IPFS
28:54 - Deploy Collection Contract
31:05 - Commands to Update the Contract after Deployment
34:18 - Strategies
35:07 - Deploy Minting dapp
36:34 - Deploy dapp to Netlify
40:21 - Customize the Landing Page
46:24 - Step Though Minting Process Stages
57:39 - Mint For Real now on Polygon!
_____________________________________
💖 Show support!
PayPal: paypal.me/codeSTACKr
_____________________________________
👀 Watch Next:
Playlist: Web Development For Beginners - • Web Development - Begi...
_____________________________________
🌐 Connect With Me:
Website: www.codestackr.com
Twitter: / codestackr
Instagram: / codestackr
Facebook: / codestackr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#GenerativeArt #NFT #Crypto
You can now use this method to deploy to Ethereum!! 👉 th-cam.com/video/-EB2TTQxSWc/w-d-xo.html
I have a problem in netlify when I connect to matamask it start loading the time page is not appearing
Now do Cardano?!? Great content, thanks a gazillion!
@@MATK748 I'm also having same issue. Clicked on "Metamask connect", button text appear as "Connecting.." but minting page does not load on iPhone.
would be nice if you would show hoe to do on Binance smart chain or on Personal tokens
Me too... no idea how to fix it, changing browser doesn't help
Thanks, this is a cool video. Some nice features wrapped in an unique style and approach. Gives valuable additional context to more standard nft videos. Nice work, appreciated!
It is amazing how you have interfaced NFTport using VS Code to bulk update,/upload NFTport programmatically as well as automate retrieval of NFTport and ipfs information to update back into the local desktop folders. Truly seamless integration both ways! Thanks a lot!
bruh...
@@63montywilliams50 did he say something wrong? or you just don't get it?
I have watched at least 100 videos trying to develop a basic understanding of trading and strategies. The Wysetrade videos were the light bulb. Gonna watch them all with my notebook and Tradingview open. I thought of giving up (only a minute at a time), but this is a matter of life for me. The organized presentation, material recaps and clear explanations are the useable best, even for beginners like myself. Thanks so much.
😉
This is by far the best tutorial I have seen about NFTs, THANK YOU!
I have a question- I have my art already created and have the metadad files on my computer.
What do I need to change/ add to my code ?
Love the video! Thanks for taking the time to make it.. have a question. How customisable is the website that gets launched in the end? Can more pages and features be added to it? For instance, a roadmap page, an about us page etc?
You saved my life! Your tutorials on NFTs are excellent! Thanks
So happy this is out. Can't wait to dig into it tomorrow.
I think that YOU ARE THE ONE when we're talking about NFT/SmartContract/Minting process. Very Thanks a lot, your contents are fulls and really explicatives, I'll never thank you enought for this, I am learning so much. THANK YOU again my Mentor, keep us update!
What he said! ☝🏾
Hi codeStackr! Thank you so much, i have been working alongside your tutorial and would not have had a hope without you so have already subscribed. I would really appreciate help though as i have been trying for hours to duplicate the splider so i have one on the left and right. I have managed to get the 2nd one loaded but am struggling to get the dimensions the same. Where in the code do i.edit this? Many thanks
Just started watching nft vidéos and your the best so far ;)
Great video thank you, one question though, how does someone with minimal coding experience go about adding additional info such as timeline etc. to the web/landing page? Did I miss something?
definitely diving into your videos. Thank you so much for taking the ti to teach us that are green in the field. Have a great day
Omg i love you! Finally had no idea how to do the presale stuff
Can you help me lol...i cant figure this out..i can pay and give you NFTs...
Guessing how many hrs you put in to create this video. You're absolutely amazing. thank you sir
Beauty, I've been looking forward to this.
Hope it helps!
@@codeSTACKr Thank You.
Thank you very much for sharing such important information! Could you tell me does this method work with Ethereum chain? Or only with Polygon?
Great tutorial that comprehenses the whole process! Really fascinating.
But if I already have my images and even json-files, and if I don't want to make a site, but just want to upload collection to OpenSea, which steps do I have to ignore? It's a little bit confusing :D
Hi CodeStackr
At 19:09 you said it can only be rinkeby or polygon. What if we would like to lauch it in ethereum. Would this code work for ethereun as well?
It's amazing how valuable information you pass on, a huge thank you from Germany!
My pleasure!
@@codeSTACKr i wanted to deploy it on the moonbeam (evm) network
Should i change something?
@@codeSTACKr Hello when I run "npm run upload_metadata" I get a "CATCH ERROR: ERROR STATUS: 429"
What am I doing wrong? Thank you.
This is amazing video!
I have some question regardless the minting stage,
How do i make a minting phase into different date/phase? example: i create 1k collection and i want ppl to be able minting half of it (500) on the website, and then the next month they can minting the rest(500).
I'd appreciate your answer, thanks!
Hi Codestakr, do I need to create a new api key to use the new collection feature or the old api key is fine? I’m getting error when uploading the metadata.
Great video I really appreciate your time making this, what if I wanted to use my own contract?
You’re an absolute gem for providing this tutorial with such simplicity. I have only one question: what code would be needed to have the content on your own site rather than open sea?
This is one of the best (if not the best) tutorials about NFTs
Thanks for your work, learned a lot of things with you sir 🙏great job.
Can i ask you how to make the same things for avalanche ? will i need to rework from scratch or only needs simple modification ?
Any info, would be helpful !
Thanks again 🙏
🙏🏾🙏🏾🙏🏾PLEASE PLEASE PLEASE & Thank you Jesse!!! I’ve been looking for this very thing for Avalanche for a month and have not found it. You’d practically be the only one & the go-to for it.
Started this tutorial, but the 502 error code on upload is a roadblock.🥴
A big thank you for taking the time to do this 🙏 I've been dreading the dApp minting site but this seems slightly less painful than what I've heard 🤣
- 💕 from CBD Surgeons
soo good content! thx a lot for it! One question: why isnt this working with eth chain?
Nice, thank you. I'm about to dig in.
Have fun!
Thank you very much. Great help for me. Before I mint My team's NFT, I send you one :)
First off thank you so much for these videos, I would not have been able to start this project I've been working on without them. I'm interesting in modifying the default site in the distro and making it my own. I was thinking of taking existing code from some wordpress themes I like and inserting it in there. I took out everything that had to do with the image slider on the left side of the site, but now the text I put into the site comes up on the right side of the page. Any recommended videos or sites I should check out to help me with this?
Hello, thanks for all youve done! Question on the whitelist, is there a way to set whitelist price to free?
How is your code look so pretty? did you have some sort of Beutify or Prettier extention installed in your VS code?
Hey, if i have a collection already made with NFTS in the collection, Can i still use this method to create a whitelist or do i have to do something out?
Hello sir,
Its really helpfull video.
My question is that can we edit website theme will be changed??
Great video! Can I have a different pre-sale mint price than the public one? And how?
Thank you for the video. Is there a way to modify the design of the mint page?
Omg you are amazing, this is really interesting, im subscribing
Welcome aboard!
thank you for the video , always appreciate your comprehensive guides
I was just about to watch some of your videos for a job I’m doing, thank you for this upload ❤️
Your voice is soothing !
Hey codestackr❤️
This is really a great video with great explanation.
Can you please tell how to transfer Matic from smart contract to your wallet.
Great video, the menu works great
In 39:31 i have a problem it’s just loading the time page is not appearing
great tutorial! is it possible to get the rarity rank for metadata that was already created (with hashlips)?
Hi Sir , my question is this way cost higher gas fees ? since you are update the address one by one to whitelist of the contract ?
Great video , I have a question i do everything as you show in video , when i connect my metamask on rinkeby to website i just see loading gif file and nothing happen , can you help me what is the problem ?
Fantastic video, some help would be appreciated. I think I have followed instructions and have been back and forwards over your video, but I can deploy to the website. The generic website keeps showing and when I try to connect metamask it doesnt connect just shows a dotted connection GIF. All and any help appreciate. Cheers.
I already have all my completed image files, so do I still need to upload individual layers for this to work?
This is a great resource. I have a question - Is it possible to allow the people that have bought your NFT to update a part of the metadata once they have purchased. Say to add their name to personalise it
Hi, quick question. Is ETH supported as an other thN polygon ?
Respect bro💎❤️
Thank you so much my friend! You are truly a generous soul! Ps you have a great voice for tutorials!
Great and thanks for your tutorial. I have a quick question regarding IPFS upload. The link generated by NFTport is correct and shows in my account. However when I run npm run upload_files, it states error status 401. after debugging it shows that it is missing the upload_files node. Any suggestions on how to work around this?
Could talk about the general strategy and mechanics of nft market?
First community, then launching....the structural steps and how to get.
Thank you very much !
And this birds are really very sweet *-*
This project has a lot of potential. The team is excellent. Everything suits me. I am sure that this project will work.
Hello!
Could you answer this one please 💕!!
The generator doesn't support 3D models i guess, i want to make a 3D NFT collection but idk if it is possible with this code, otherwise, can i generate my 3D NFT collection with third party engine then integrate them into the build folder ? (with jason file of course)
I painted several paintings on procreate. I paint as if I would on canvas. Can I just mint a painting or would I need to follow this if I was doing multiple of the items? Mine are more of a one of a kind
@codeSTACKr Thanks for this great video, i really much appreciate it, i have a question pls, if i want to set different price for presale and public sale, how can i go about that?
Is there a way to mint without gas fee using contracts? I minted without gas fee in the polygon chain directly on open sea, but would it work with the contract method? I just want to mint nft in bulk and I found contracts would work, but there are gas fees..
not getting royalties to my royalty address. are they paid out after the presale mint or public sale mint or something ? are they only paid on polygon mainnet ? not rinkeby? appreciate any feedback thanks.
I'm wondering after saving the minter dapp folder and after uploading, as everyone shows it, to Netlify - how do I further connect the mint button for my website? I do not mean to change dns addresses and the like. I mean that the process of processing when clicking on the *Mint* button - works on my website. I don't need a website which is created by the minter dapp application.
Hi Sir Your videos are very informative and I appreciate your efforts to provide complete step by step information to us and I have a request that could you please make a video on that how to optimize the hashlips art engine to generate NFTs Faster. Thanks
How do you add more info on the landing page? When I went to your brothers site he has alot of extra info. Would be good to see how to add all that
Hey! When I get to the point of syncing from source control it says make sure you configure your ‘user.name’ and ‘user.email’ in git. Do I have to restart
is it possible to do the hosting in webflow ? to use this tool and that the mint is in our webflow page ? thanks for all the videos !! GG
Great Video, very helpful Thank you so much, I have one question here, how can I do mint with Matic in Ethereum Mainnet, because all of my assets are in Ethereum Mainnet, is it possible? Thank you.
how can we update this to sol? is that possible just. by chaging it ito SOL where you hav written rinkby or polygon?
and what should we do if we have to add two metamask accounts as owners and same for the treasarey account?
Wow very well explained thanks
Hello how do you put exclude on the generator script so that when an attribute is present it exclude another attribute, this is helpful with overlapping layers like for head gear and hair. Thank you in advance
Hello, is minting NFT based on Solana for opensea has the same process as you explained here?
Thank you so much for this tutorial, I've got a few questions and maybe it is stupid to ask maybe i am not really grasping the concept of minting but if someone mints an nft during the whitelist or I mint the nft collection how come it shows the "sell" button on Opensea? will the price be updated during the public minting or how does it work? I am relatively new to NFT's , I've been working on my collection and I followed hashlips smart contract videos on how to upload the collection to Opensea but I am a little bit confused on the minting and sale process.
reach out 👆👆For more info and guide📩
The best tutorials I've ever seen, I'll try asap.
I have a question. Instead of Rynkeby and Polygon I can use Ethereum network, if so, how?
Can you run the frontend locally with node or it needs to be deployed to netifly?
Does the same concept apply if you want to deploy on the Ethereum blockchain
Green Beli has an event associated with green coffee shops, the project is quite interesting
Finally 😸😸
Thank you 🙏
Hope it helps!
Great content! You’ve put some serious work into this video! Thanks
How do you do that but with eth? Do you know how to do the ERC-721 contract that Azuki optimized?
this is an answered prayer, i knew there had to be a better way
Amazing tutorial. Can I skip generating images and metadata because I already generated them in photoshop using hashlips_art_engine_ps_script-1.0.1 and just insert layers and metadata into the backhand/build folder? And then continue with the instructions as in your tutorial?
u can, I did it that way too, but on polygon Mainnet it doesn't work, this is bullshit man...
Thank you so much for this amazing tutorial, Could you upload another one deploying in Ethereum mainnet and adding some function to our website? Thanks again hero!
Thank u so much for sharing this Information. Now I’m a little confused, many someone can help. I just watched ur last video and followed every step. The last step I did was „npm run upload_files“, so I uploaded the the generic metadata. Is there any way I can continue the work on the newest get hub version u used in this Video or do I have to start all over again???
Maybe it is possible to download the newest version on get hub and copy my build and layer folder into it. Create a net NFT Port account so I can use their new Collection feature and change the API key…
Heyyy thank you so much for the guide! I have only one question, how can I make a public sale with half free mint and half with payment?
I won’t lie, this is the best and most straightforward NFT tutorial I’ve come across since i started NFTs. THANK YOU VERY MUCH 🙏🙏
You're very welcome!
@@codeSTACKr how do you add more to the website?
@@atlfan13579 I have the same question.. have you figured out any solution?
what proof do we have to put in if we want to mint from contract? thanks for this tutorial btw
so what about if i have a collection of physical paitings? Do i need to generate this images too?
Hi, Great video. Watched them a few times to help my figure out how to do the coding part. But I'm stuck at the start of the VS Code where I can't open Source code. When I go to open it they ask to install GIT. That wasn't part of the video so I'm lost. I've created a Github account, signed in and installed the extension. What am I doing wrong. Any help would be great. Thanks
Hi, is possible to delete all the folders from layers, and i want to add my own images, without layers? each images is different. thanks
Is there a way to have the contract generate the image on mint? so rather than generate all 5000 images beforehand and then uploading them, can they be generated at the time of mint?
Thank you for this! It really help me ☺️.
guys this is probably a stupid question but how do I change the color of the three dots loading sequence? The repo says to do it in scss but there is no scss in this implementation?
Thanks for sharing your expertise
you are the best Thank you A lot for helping us you are the only one who explained the whole process thank you
You're welcome 😊
what if you have already created NFT's and do not need to have code assemble the layers. Can you still upload or code for "pre-created" NFT's to smart contracts and the minting process?
Thank you for this
Awesome video, it helped me a lot! I really advice to see the full video.
Please sir can you help me with an error im getting sometimes when trying to generate images appear "Syntax Error: Cannot use import statement outside a module at Object. ...minter-dapp\backend\src\main.js:24:5)" its always in the "require(`${basePath}/src/config.js`)"
yo I could change the network instead of polygon to ehtereum when I'm deploying, right?
Just wondering how did you manage to upload files to ipfs with the command line...
is there an alternative for NFT Port? Because NFt Port dorsn't support the ethereum chain