How to Create an NFT Minting Website UPDATED (Windows, Mac, Linux)

Hello , my name is Reece Hunter and I'm gonna teach you how to set up your own NFT minting website on Salana .

I've made a tutorial just like this before .

But since then , Mediplex has changed , requiring an updated guide .

The reason you might need your own minting website is because minting a bunch of NFTS can get really pricey .

It's much cheaper on the Solana Network , which is what we're going to be dealing with today .

But even then if you're minting collections of 10,000 NFTS , it can get pretty pricey .

So with this website , you're not gonna have to pay any minting fees because your customers are gonna do it for you .

Also , I wanted to let you guys know that I'm an NFT artist and I'm gonna be releasing my own collection very soon .

So if you have any interest in that at all , I'm gonna leave the links to my Twitter , Instagram and Discord server in the description of this video .

So you should definitely check out those links to stay up to date with my project .

Ok .

That's enough talk .

Now , let's get into how to create your very own NFT minting website .

All right .

So the first thing you need to do is install two things .

Visual studio code and node dot Js .

For both of these downloads , I'll leave the links in the description of this video .

So choose whatever operating system you're on and download it .

And once you've downloaded visual studio code , then download node dot Js .

Once you've done that , go ahead and open visual studio code and you'll see a screen just like this , go to file , open folder and navigate to your desktop and select folder .

Now you'll see a screen like this .

What you're gonna wanna do is go to terminal new terminal and that'll open up this window here .

Now , what you need to do is go to this github page .

I'll leave the link in the description and go to code and copy the link right here .

Now , open up visual studio code again .

And in this terminal that we opened type N PM , install GIT .

Once that's done running , we're gonna type GIT clone and then paste in the link that we just copied .

Once that's done , you'll now have a folder called Mediplex on your desktop .

So what we're gonna do is go to file open folder , go back to your desktop and find the Mediplex folder , open it and click select folder .

So now we are in the Mediplex directory and we can get started go up to terminal new terminal .

And now in here we're going to type N PM install dash GTs dash node hit enter and it will download .

So now we need to install the SOLANA command line tool .

So head over to this website , I'll leave the link in the description .

And if you're on Mac or Linux , you'll copy this command .

And if you're on Windows , you'll copy this command .

So I'm on Windows .

So I'm going to copy this one and then you're going to paste it in this terminal .

And then once that's done , you're gonna copy the second one and paste it in here again .

Once that's done , you can type Solana dash dash version to see if it was successfully installed .

And it was so now that we have salon installed , what we need to do do is change our URL to either be on the DEV net or the main net .

So to do this , we're gonna type Solana config set dash dash URL .

And then we're gonna type in the link to DEV net dot solana dot com .

Now , since I want my project to be on DEV net for testing purposes , I'm gonna make this say DEV net .

But if you want to be on the main net , then you'll make it say main net dash beta .

So I'm going to change mine back to DEV net since I'm just doing this for testing purposes and hit enter .

So now we can see our URL is pointing to the def net .

Now we need to create a wallet for this project .

So we're gonna type Solana dash keygen , new dash dash out file and then just type in this path hit enter and now it'll ask you to make a password .

So just type in whatever you want , confirm it .

So now this is the address to our wallet .

It's called the PUB key .

So I'm gonna go ahead and copy it .

Then I'm gonna go ahead and right click right here .

Create a new file , call it important and I'm gonna paste the pub key in here .

Also right here , it'll show your secret phrase to recover your account .

So I highly recommend copying that down somewhere as well .

So what we just created is called a key pair .

So now we want to make sure that that key pair is going to be our default .

So you're gonna type Solana config set dash dash key pair and then type in the exact same path that you just created it on .

So it'll be config Solana DEV net test dot Jason .

And now , as you can see here , our keep air path is the path to that .

So now what we can do is actually check the balance of our wallet by typing solana balance .

And you can see that we have zero soul .

Since we're on the DEV net , we can just type Solana air drop one and it'll give us one soul .

So we need to do this in order to get our project up and running .

But if you're on the main net , then what you're gonna need to do is actually send money to this wallet from a different wallet .

So , since we're on the DEV Net , we're able to just airdrop fake soul to our account .

But if you're on the main net , you will need to use your real wallet to send money to this one .

Now , what we need to do is create a folder that's going to store our pictures for NFTS and the JSON files .

So right , click here , hit new folder and type assets and then go ahead and drag all the images you want to upload into that folder .

Notice how my images are named zero and one .

It's important here that you start with zero and then count all the way up for however many images you want .

So now we need to insert the JSON files .

If you don't have these , then you're gonna need to create a new file , call it zero dot Jason and create another one and call it one dot Jason because for each picture , we need a Jason file to go with it .

Now , I actually have a video about generating NFTS with the JSON file metadata included .

So if you follow that guide , then you're just gonna drag all the JSON files and all the pngs into this folder .

But if you're not following that guide and you're making the JSON files manually , then you're gonna go to this website .

I'll leave the link in the description , scroll down to the JSON structure and we're going to copy this entire thing and then go to zero dot JSON and paste it in .

So the name here will be whatever you want to name this NFT .

So I'm just gonna call it NFT ZERO .

The description will be the description of the project seller fee basis points is gonna be the royalties that you will get for each sale .

So if you were to put 250 that would be 2.5% .

If you put 500 that would be 5% and so on .

So I want mine to be 2.5% .

So I'm gonna make it that for image .

We're just gonna change this to be image dot PNG .

Since when we upload these , it'll automatically change image dot PNG to be whatever the corresponding PNG actually is .

And then we can delete both of these and for attributes .

This is really important .

So as we can see zero dot PNG , it has a cheese hat , it has a mask , it has a suit and a banana .

So these will be all of the attributes .

So for hat , it will be cheese or its outfit , it will be suit or its mouth , that will be a mask and we've run out .

So what I'm just gonna do is copy this and paste it on the bottom here .

So now I have one more and then the item it's holding is a banana .

You can make as many attributes as you need for your product .

Now , the collection will be the name of the collection .

So make sure you name it whatever you want your collection to be named , I'll just call it NFT collection for the sake of this video .

And then the family is what holds collections .

So you can have multiple collections in one family .

So I'll just name my NFT , you can name it whatever you want .

Now for these files , we're going to change this to be image dot PNG .

And then we're gonna go ahead and delete these and that comma change the category to image .

And now we're getting into creators , this determines who gets shares of the royalties .

So right now there's only one creator who gets 100% of the share .

If I wanted two creators , then I could copy that , put a comma and paste it in here and then I could put the wallet address of the second creator here .

And then I'd also change these to be 50 so that both creators get a 50 50 split of the royalties .

Since I'm the only creator , I'm just going to delete that and I'm going to copy my wallet and paste it in there .

So now I will get 100% of the royalties to this wallet and that's it for the Jason file .

So I'm gonna go ahead and copy the entire thing .

And now we have to do it for the second image .

The only thing that I'm gonna change is this will be NFT one instead of NFT zero .

And as you can see this picture actually has different properties than the other one .

So this one has a top hat , buck teeth and no clothes and a hammer .

So we're gonna change this top hat , no outfit , buck teeth and a hammer .

And now we're done with this one too .

And now we're done with all the Json files .

And once that's done , you're gonna type C DJ S and then yarn build , then you're gonna type C DJ S type yarn install .

OK ?

It's finally done doing that .

That took like 15 minutes could take shorter or longer for you .

So now we're gonna do yarn bootstrap .

Once that's done , I'm gonna copy this path up to Mediplex and then do CD and then paste it .

So we're back in the Mediplex directory .

Now I'm gonna type Ts dash node , Js slash packages slash cli slash Sr C slash candy machine , cli dot ts upload dot slash assets , dash dash NV , DEV net .

If you are doing this for the main net , then you're going to make it , say main net dash beta .

But since mine is on de net , it will say DEV net and then do dash dash key pair and then put in the path to your key pair .

If you're following the guide .

Exactly , then this will be yours .

Now just hit enter .

Now you can see everything was successful here .

You see it says initialized config for can machine with public key this .

So we're gonna copy that candy machine with public key and we're going to paste it in here because we probably are going to need it later .

Also , we will now see a folder called dot cache .

So if you open that and open the file that's in there , you will see this .

So this is important .

So we're going to select the entire copy it and paste it into our important file .

Now , this is cool because if you go over to this link here and paste it into a web browser , you'll be taken to this website on a weave and a weve is what permanently stores the data for our NFT .

And then if we go to this link , which is the image , then we will see the image for our NFT is stored here .

Now , the other important thing here is the config which is this .

We've already copied it down here .

So we don't really need this , but we're gonna keep it all here just in case .

Now , what we need to do is create our candy machine .

So we're gonna run a similar command to this , except instead of putting upload in the assets folder , we're gonna do create underscore candy underscore machine .

And then at the end , we're going to add dash dash price and this will be the price in so that you want each NFT to be .

So I'm just going to make mine one sole per NFT and then you can hit enter .

All right .

Now it is finished .

Now , this is important .

We need to copy can machine pub key and paste it into our important file because we're going to need this later .

Now , we're going to run a similar command again , but we're going to delete the price and we're going to delete the environment Dene .

And we're gonna change , create candy machine to update candy machine .

And then at the end , we're gonna add dash dash date .

And then here you're going to set the date that you want your NF to be able to be minted since I want mine to be able to be minted right away .

I'm just gonna set a date that has already passed .

So I'm going to do third of October 2021 then 000 and then PST , since that's my local time , if yours is different , you can do GMT or EST or whatever your time zone is .

Make sure you've copied this down .

Exactly correct .

And then hit enter and once it's done , you're going to copy this time stamp number .

This is important and paste it into our important file .

Now , what we're gonna do is clone another github repository .

So I'm going to copy this path to get back to my desktop and then do CD and paste it in .

So now we're back at the desktop and I'm going to go to this github page , go to code , copy the link and back in visual studio code .

I'm gonna type GIT clone and paste the link in there .

Once that's done running , you will now have a folder on your desktop called candy machine mint .

So we're going to go up to file open folder , locate the candy machine , mint folder and then select folder .

Now , as you can see , we are in the candy machine mint folder .

So we're gonna go to terminal , open up a new terminal and we're gonna type yarn install .

Once that's done , you're gonna type yarn build .

Once that's done , we now have to locate our dot env dot example file , right ?

Click it , hit rename and we're gonna remove dot example .

So the file is just called dot NV , hit , enter and now open that up .

As you can see , we will have a bunch of variables with placeholders .

So this is where all of the important information in this important file in the Mediplex folder is gonna go .

So for the first one React App Candy machine config that will be this candy machine with public key file or this config right here .

So go ahead and copy that and paste it in here .

Now the second one React app can machine ID will be this candy machine , pub key So copy that and paste it in here .

The third one React App Treasury address will be the pub key for your Salana wallet that we created , which is also the address for the key pair and the React App candy start date will be this time stamp .

So copy that and paste it in .

Now for these two , if you want to stay on DEV net , then you'll just leave these as they are .

But if you want to be on main net , then you'll replace this with main net dash beta and you will replace this with main net dash beta .

But since I'm keeping mine on DEV net , I'm just going to undo that and save it and we're done with this .

Now , all you have to do is start it up .

So type yarn , start and wait for it to start up and once you see a screen just like this , then it's done .

So what you're gonna do now is copy this link , open up a new tab paste in that link .

And as you can see , this is our website .

So if you go and connect your wallet type in your password , now you can see everything is working beautifully .

So there are two total available NFTS to be minted zero have been redeemed , which means there's two remaining .

So now if we hit Mint , approve the transaction , it's gonna load for a minute here and congratulations Mint .

Succeeded .

There we go .

So now if we go ahead and open our wallet and then go into the settings and change network and put it on DEV Net , you'll keep it on Main Net if you've been doing Main Net this entire time , but I've been doing DEV net .

So I'm gonna switch it to DEV net .

As you can see here NFT zero .

This is the one we just created .

It has all the properties , it has the description , it has everything and we can see here that now it says I've redeemed one and there's still one remaining .

So if I go ahead and mint another one , approve the transaction , there we go , mint succeeded .

And now it's sold out , there are zero remaining and it's not gonna let me mint anymore .

And just to show you guys , this one is also in my wallet right here .

You can see NFT one has the properties and the description we set .

Also , there's one last thing .

If you want to customize this website with HTML , you can do so in the candy machine , mint folder .

If you go open public and open the index dot html file here , you can edit the HTML to this web page .

Thank you all so much for watching this video .

I really hope I was able to help you out in one way or another .

And if I was able to then consider liking and subscribing so that I know to keep making content .

Also , remember to check out my Twitter , Instagram and Discord links in the description of this video and I will hopefully see you guys in another video .