BEST NFT Collection Minting Site (dApp) - Entire Process! Whitelist & Launch a Collection (10,000+)
HTML-код
- Опубликовано: 24 июл 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 RUclips 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 RUclips: / 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!! 👉 ruclips.net/video/-EB2TTQxSWc/видео.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
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.
😉
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!
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! ☝🏾
You saved my life! Your tutorials on NFTs are excellent! Thanks
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?
So happy this is out. Can't wait to dig into it tomorrow.
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 ?
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.
Guessing how many hrs you put in to create this video. You're absolutely amazing. thank you sir
Just started watching nft vidéos and your the best so far ;)
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
In 39:31 i have a problem it’s just loading the time page is not appearing
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?
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
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.🥴
Thank you very much for sharing such important information! Could you tell me does this method work with Ethereum chain? Or only with Polygon?
This project has a lot of potential. The team is excellent. Everything suits me. I am sure that this project will work.
Hello!
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?
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
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
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?
Great video I really appreciate your time making this, what if I wanted to use my own contract?
Beauty, I've been looking forward to this.
Hope it helps!
@@codeSTACKr Thank You.
Thank you very much. Great help for me. Before I mint My team's NFT, I send you one :)
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?
soo good content! thx a lot for it! One question: why isnt this working with eth chain?
I was just about to watch some of your videos for a job I’m doing, thank you for this upload ❤️
Great video! Can I have a different pre-sale mint price than the public one? And how?
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?
Omg you are amazing, this is really interesting, im subscribing
Welcome aboard!
Hello sir,
Its really helpfull video.
My question is that can we edit website theme will be changed??
Could talk about the general strategy and mechanics of nft market?
First community, then launching....the structural steps and how to get.
Thank you so much my friend! You are truly a generous soul! Ps you have a great voice for tutorials!
Just an FYI, if you copy paste your layers into the folder make sure you don't copy the thumbs.db file (Windows). It will randomly get picked up by the generator and stop the generating process.
How is your code look so pretty? did you have some sort of Beutify or Prettier extention installed in your VS code?
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?
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.
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 ?
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!
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!
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.
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
Hi, There I have receive error ( TypeError: Cannot read properties of undefined (reading 'path') ) Please Help me
Hello, thanks for all youve done! Question on the whitelist, is there a way to set whitelist price to free?
Nice, thank you. I'm about to dig in.
Have fun!
i dont have the build folder in the backend folder why ? plus when i run the websit its keep reloading why ?!!
I have stucked at the moment when site is deployed on netlify. After connecting to the wallet the pop up won’t show, it looks like it stuck during loading, only spinning cricles shows. Do You know what could be the problem ?
I have the same problem. Glad i'm not the only one who is like WTF 😂😂😂 I asked netlify and checked all github documentation.
Chances are deployment in the contract need to be updated, but I could not find it.
Really great video, and was fun to work with, just really bummer that this most important piece (being able to actually mint) is not working
same problem
@@kankikan8584 did anyone find a solution?
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
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?
Great video, the menu works great
great tutorial! is it possible to get the rarity rank for metadata that was already created (with hashlips)?
Your voice is soothing !
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?
Once a connect my wallet, i see the checkmark, but i can't see the count down. It keeps the loading state. Can you help me?
Green Beli has an event associated with green coffee shops, the project is quite interesting
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
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?
Thank you for the video. Is there a way to modify the design of the mint page?
thank you for the video , always appreciate your comprehensive guides
15:46 when I try I do npm run generate I get error “No such file or directory”
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
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
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.
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)
It seems very good project with a strong team and must be very profitable. My best wishes to this project and its success.
Hello!
hello could someone help with funds not going into my account when nft minted and it contract creator isn't my address how would i fix this ive looked everywhere and tried everything i can think off and cant figure it out and i cant join discord thank you
Could you add a video on how to allow purchases with ETH rather than polygon please?
I'm stuck at C:\User\User- it's not letting me CD anywhere saying cannot find path. Also it did not give me the option to download it to my local harddrive it just remotely linked to github. My Clone Repository button is greyed out I had to use the link in the bottom left corner to get this far.
I already have all my completed image files, so do I still need to upload individual layers for this to work?
Could you make a similar video about the cronos network? Everything is about ETH and Matic and I have not found such a guide on CRO anywhere
how to make sure my collection has been deployed? im on rinkeby and cant see my deployed nft on opensea?
ran into a problem, the container and the text are too big, much bigger than in the video and some parts arent even visible. any possible fix?
Uploading the metadata using 'npm run upload_metadata' is taking so much time, does anyone know if there is any fix to 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`)"
hi. why after i connect my wallet the page keep loading?
plz someone can help me
I'm doing npm run deploy_contract and it gives me errors saying it can't find package.json in my dapp folder where it is clearly there
so what about if i have a collection of physical paitings? Do i need to generate this images too?
The best video id ever seen about this topic! How can i do the same thing but with CARDANO BLOCKCHAIN? thank you!
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..
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
But while I was editing the collection name, a pop-up appeared in front of me. And there was something written in it that if the URL is the same, then it will not work. And OK was written on the right side. Which I didn't get to see well. And i was click ok button, then i can see Update successful. Now what i will do?
I figured it out. Either I missed a step or this tut assumes the step was already taken, but I needed a program called GIT and then I had to set my terminal to BASH. I just happen to see that's what you had yours set to so I did some digging. That was challenging...
Yeah he assumed that git was already installed
i mean ...
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📩
hi sir i have a problem when i generate image then only generate 20 image when the 10000
what proof do we have to put in if we want to mint from contract? thanks for this tutorial btw
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.
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 am getting the below error. Can you help me please?
for uploadFiles.js
Starting upload of images...
CATCH ERROR: ERROR STATUS: 403
Retrying
Thank you very much !
And this birds are really very sweet *-*
How can we get metadata of a video nft/video?
Is it possible to generate 10000 video nft like the normal photo nft
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 ?
this is an answered prayer, i knew there had to be a better way
You got one more subscriber.. hoping to learn more from you
reach out 👆👆For more info and guide📩
Great content! You’ve put some serious work into this video! Thanks
You are a master. Would you recommend a platform where I can find someone who makes this code things.
Why I'm not the creator of my NFT on Opensea ? I filled my adress in the config file but opensea created an "unamed" profile as creator of my nfts ??? So the money is no going at my address... Why and how to fix that please ?
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
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…