Aj Pw How to Open Phantom Portal Again

NFTs With Kin

So you have that fire NFT concept ready to brand its mode into the metaverse simply you accept a few problems:

• You need to pattern the NFTs
• Mint the NFTs
• Write code to auction them
• Build a distribution website
• etc ...

Nosotros wrote this for all of those 'would exist' NFT Creators — especially in the Kin community — who are looking for a simple but fully explained solution to setting up, minting, and launching an NFT shop.

In the coming 30 minutes, we'll walk you through:

1. Creating a wallet to business firm your NFTs, SOL, and Kin
2. Ensuring you lot have the right dependencies installed on your computer
3. Spinning upwardly an NFT store and enabling it with Kin
4. Connecting your store to your wallet
5. Creating your first NFT in the Devnet
6. Launching your NFT for sale on the Devnet
7. Putting your storefront onto the Mainnet

We've a lot to do, so allow's get started.

If you already know what Solana, Metaplex, and Phantom Wallet are, you can skip the side by side section.

Information technology's unlikely you would've found your way here if you didn't know what Solana is, but just in instance , here's a quick overview of Solana and Metaplex.

Solana

Solana, SOL, is a blockchain platform that uses Proof of Stake and Proof of History as its consensus mechanisms. It's ranked equally 1 of the fastest blockchains in the cryptoverse, handling roughly l,000 transactions per second.

Kin is part of the Solana ecosystem and the leading token on the platform.

Metaplex

Metaplex blends an NFT store front, a generative NFT minting automobile, a collection of smart contracts, and a set of helper functions that brand minting and selling NFTs cost effective and piece of cake.

Metaplex is built on Solana. It was originally created past the same development squad but has since been spun out as a separate entity to enable them to focus solely on creator experiences.

Phantom Wallet

Phantom is one of the wallets specifically built for the Solana blockchain. Information technology enables users to send and receive Kin, Solana, and NFTs in a slick browser based UI.

Creating The Wallet

Offset, you may desire to stop and catch something to write with — this part is of import.

You lot volition need to write downwards the secret phrase that yous will need to not only access your wallet only also your NFT store and any NFTs you mint. Even if you think you'll never use the business relationship and store beyond this tutorial, it's a good idea to record your secret phrase anyhow.

For this tutorial, nosotros'll use Phantom Wallet with Chrome. We suggest using both to make following forth easier.

Navigate to https://phantom.app/download then select "Add to Chrome."

Then, once more, "Add to Chrome"

After installing, open up Phantom Wallet and click the "Create New Wallet" button.

Now carefully write down your secret phrase, and shop it somewhere rubber. If you transfer in tokens and mint NFTs on the Mainnet and and then lose your clandestine phrase, your NFTs, store access, and tokens volition not be recoverable.

If you don't know what a hole-and-corner phrase is, here's a 1 infinitesimal video that explains it.

Create a strong countersign, ensure you safely store information technology, and and then click "Save". As an bated, Lastpass.com is a expert option for creating and storing stiff passwords.

Funding The Wallet

Now that nosotros have a shiny new wallet, let'south airdrop in some funds:

1. Navigate to https://solfaucet.com/
2. Open Phantom Wallet
3. Switch to the devnet by clicking on the gear icon in the bottom correct
4. Curl down to, and click on, "Change Network"
5. Scroll down to, and click on, "Devnet"
6. At the top of your Phantom Wallet, click on your wallet name and public cardinal — this will copy your public cardinal to your clipboard
7. Paste the copied public key into https://solfaucet.com/ and click on the "DEVNET" push button.
8. Open your wallet and enjoy your newly found faux wealth — sadly, information technology is faux but we tin can exam with it as if information technology were existent

Installing Dependencies

In the side by side step, we'll start setting up the store but showtime we need to ensure we have the following prerequisites installed. Note that for anyone who may not have a code editor already installed or know how to open their terminal, there are some basic 3rd party videos covering that at the end of this section.

1. Node.js(at or above versions 14.17.0 )
2. yarn

Installing Node

Rather than repeating the many tutorials on how to install Node and yarn, nosotros'll recommend a few below for Mac, Windows, or Linux:

Mac:

• Written: https://phoenixnap.com/kb/install-npm-mac
• Video: https://www.youtube.com/sentry?v=0i-gstqgjuE

Windows:

• Written: How to Gear up Up Node.js and npm on Windows
• Video: https://www.youtube.com/watch?5=Gu9KdbpzSvk

Linux:

• Written: https://linuxhint.com/how-to-install-latest-node-js-on-linux/
• Video: https://www.youtube.com/scout?five=fxxmMqh_WWY

Installing Yarn

Mac:

• Written: https://world wide web.geeksforgeeks.org/how-to-install-yarn-in-macos-ubuntu-windows/
• Video: https://www.youtube.com/lookout man?five=p5QMDOZEzgs

Windows:

• Written: https://www.geeksforgeeks.org/how-to-install-yarn-in-macos-ubuntu-windows/
• Video: https://www.youtube.com/watch?v=TyGCZZaY0yc

Linux:

• Written: https://www.geeksforgeeks.org/how-to-install-yarn-in-macos-ubuntu-windows/
• Video: https://world wide web.youtube.com/watch?five=B7T5vabyeis ( no sound just quick and to the indicate)

What is the Control Line/Terminal?

Mac:

• video How to apply the Command Line | Terminal Basics for Beginners

Windows

• video How to Open up Windows Command Prompt in Windows 10

Choosing and Installing a Lawmaking Editor

There are a range of different code editors. Ask 5 unlike developers which is best and you'll likely hear 5 dissimilar answers. For the purposes of this tutorial it doesn't matter which one yous choose. Sublime, VsCode, Atom, Brackets, intellij, Annotation++, Note Pad etc ... cull a proper name, go to youtube, and and so search "2021 How to install [code editor proper name of your choice] on [your machine blazon (mac, windows, linux)]", and have fun.

• video Opionon piece on the "Best 3 Text Editors for Coding"

Note that afterward you cull a lawmaking editor, the easiest next step is to search Youtube for "2021 How to Install [Your Pick of Editor Hither]"

Setting upwards the store

The shop will be built using Metaplex.

To spin up a new store nosotros starting time need to clone down the Metaplex repo using the post-obit control in the control line.

git clone https://github.com/metaplex-foundation/metaplex.git

From the terminal, navigate into metaplex/js. Once in the binder run yarn install && yarn bootstrap

The moment has finally arrived, it'southward time to fire upwards Metaplex!

Run yarn starting time from the same folder and so navigate to http://localhost:3000. Note that y'all may take to wait 20 - 60 seconds for the site to fully start.

Initializing your Shop

Note that you will need to repeat the six steps below when we go to mainnet

To initialize our site we demand to practise a few quick things:

1. Ensure our storefront is using the devnet
2. Ensure our wallet is using the devnet
3. Connect to the storefront to our Phantom Wallet
4. Approve a transaction that will create an address for our store
5. Add the shop address to our project
6. Add our wallet accost, Kin Token Plan address, and Kin token id to our our project

Ensuring the storefront and wallet are on Devnet

• Navigate to localhost:3000
• Open up Phantom Wallet
• Switch to the devnet by clicking on the gear icon in the bottom right
• Scroll downwards to, and click on, "Alter Network"
• Whorl downwardly to, and click on, "Devnet"
• And then, on the storefront, click on the gear icon in the upper correct corner, click nether "NETWORK" and select the "devnet" option

Connecting the Wallet

Annotation that if y'all accept multiple addresses in your Phantom Wallet, whichever accost yous had open up last will exist the one that initializes your store in the side by side step. If y'all want a item address to be the one that gets associated to your store, then open that address in Phantom Wallet earlier moving on.

Connect

• Ensure you lot're on localhost:3000
• On the storefront, click "Connect" (x2 if needed)
• In Phantom Wallet click "Connect"

Troubleshooting

If your storefront fails to connect or initialize, double cheque the following:

• Ensure you take false SOL in your wallet. If not then airdrop some into your business relationship.
• Ensure your wallet is using the same network as your store (mainnet, devenet, testnet etc...)

If the initialization is successful and so you will see your Store Configuration data. Annotation that some users (thanks to KriegJ and Polype01) stated they only see the REACT_APP_STORE_OWNER_ADDRESS_ADDRESS and Non the REACT_APP_STORE_ADDRESS. If that is the case for your instance, that's okay, you tin follow the on screen instructions and merely employ the REACT_APP_STORE_OWNER_ADDRESS_ADDRESS.

If the page keeps loading or you're not seeing your Store Configuration — in our testing it sometimes hangs upwards hither — so try refreshing the browser or navigating to http://localhost:3000/#/admin

Add the Store Address

To add the Shop Configuration:

• In VS Code, or your your preferred code editor, navigate to ./js/packages/web/.env and open the .env file
• Paste in your copied configuration from the previous footstep — your'southward and your store's public cardinal
• copy the snippet below and paste it nether your Store Configuration. This snippet will allow you lot to sell NFTs using the Kin token

                          //The Kin Token Mint Address              SPL_TOKEN_MINTS              =              kinXdEcpDQeHPEuQnqmUgtYykqKGVFq6CeVX5iAHJq6;              //Kin Token Id              CG_SPL_TOKEN_IDS              =              kin;                      

At present we can restart our store and mint our beginning NFT!!! ... almost.

In the terminal, type control + c (mac) / ctrl + c (windows) to shut down the server then yarn offset to restart it.

Calculation Creators

If you lot want to examination adding boosted creators to your mint, yous need to add them earlier starting the side by side step. If you just want to get on with minting that commencement NFT — we don't arraign you — then skip to "Creating Your First NFT".

To add a creator:

• You lot will need their Public Key (later you will need them to verify with their wallet)
• Navigate to https://localhost:3000/#/admin
• Click "Add together Creator"
• Paste in their Public Primal
• Click "Ok"
• Rinse and repeat for boosted creators

Creating your start NFT

To sympathise the next steps, information technology'due south of import to sympathise that our NFT information — for the purposes of this tutorial — volition live in 2 places:

1. On Solana — where the associated token volition be minted and every bit well as a bit of data (a Decorator Struct) that describes the NFT and, importantly, where it'due south metadata lives
2. On Arweave — The metadata, the on-chain prototype link, clarification, traits etc..., will permanently alive on Arweave

It's relatively expensive to store data on Solana, so Metaplex stores simply enough data via the NFT (Token Program) on Solana to brand a permanent record of where the more detailed metadata lives, on Arweave.

Upload your prototype

To get started, click on the creator icon in the upper right-hand corner (next to the public key) and then click "Create" in the drop down.

You lot can add a diversity of assets to an NFT merely we're going to mint with an prototype by uploading the "official" kiNFT Tutorial graphic. If y'all would like to use the aforementioned prototype, download it here.

The graphic nosotros select in this step will somewhen be uploaded onto Arweave and its URL will be automatically added to the overall Matadata object.

Add Details

Now we'll add the NFT details.

Title, Description, and Maximum Supply are self explanatory but if y'all've never minted an NFT earlier, Attributes may be harder to understand.

Attributes demand three pieces of data

• trait_type — describes the trait itself due east.g. a type of groundwork, a particular hairstyle, a special power, or mayhap you lot desire to make it function of a set and label its place within a larger project
• value — describes an of import item well-nigh the trait_type e.yard. information technology's name, a numerical value, whether or non a condition is truthful or false, an SKU etc...
• display_type — is optionally used by wallets and apps to display the data type e.chiliad. a string, number, boolean, Date etc... the default value will be string if yous leave it blank.

Click here to see how these details show up in Phantom Wallet

Set Royalties

Royalties allow creators to enjoy a predetermined share of all futurity aftermarket sales. The amount y'all set here defines a 1-to-one percentage to exist withheld for all creators. e.g. adding 5 means yous will automatically receive 5% of all future sales — split with all creators.

Creator Splits

In club to add Creator Splits, you must showtime add additional creators. Every bit of the time we wrote this, y'all tin can non add creators in the middle of the minting process. If you want to add creators to this mint, terminate, go up to "Adding Creators", complete that process, and and then repeat the creation steps above.

Important Aside (Skip if Y'all're Not Adding Creators)

Metaplex enforces verification — equally they should — before sales can happen. However, this may surprise people new to the space and lead to lost minting costs.

If you add a creator split, yous CAN Non list your item for auction — using Metaplex — until ALL creators verify their participation. This ways that you lot can complete the minting process and pay the associated costs (hire) using unverified creators just then be unable to sell your NFT if one of the creators you added doesn't accept admission to their Solana Wallet.

Ensure that any creator yous add in the Creator Split section — if using real SOL — has access to the wallet associated to the public key you entered when adding them as a creator.

Creators verify themselves past connecting their wallet and signing a transaction that validates their Keypair and associates information technology to your shop. The connecting wallet must contain the same public key that was used to register them as a creator.

Each boosted creator can validate their participation in a mint by doing the following:

• Navigate to your storefront
• Connect their Wallet
• Click on the bell notification
• Click on the "You Have New Artwork That You Need To Approve" header
• Approve the validation transaction by clicking "Corroborate"

Notation that after completing the steps above yous may still run across an "unverified" badge even though verification has occurred on chain. If that'south the case, y'all may take to refresh your browser — or disconnect and reconnect to the storefront — in society to for the badge to disappear.

Mint Your NFT

Now information technology'south time to mint that cute NFT of yours.

To complete, you'll demand to approve two transactions. We've but shown one beneath considering at that place's a little end-of-mint surprise provided by the lovely people at Metaplex that we shouldn't spoil and you should earn. ;).

Viewing the NFT and Metadata in Phantom

Once the mint is complete, you can navigate to your wallet to see the "Master Edition" NFT. Annotation that it may take some time for the paradigm to appear.

Launching an Auction with Kin

Now we can put that stunning NFT up for auction.

There are a variety of selling options available to yous through Metaplex, we'll be doing a Limited Edition sale.

Our NFT 0 is the Master Edition. It's from this token that we tin can create Limited Edition prints up to the Max Supply we set early. For this particular mint, our Max Supply is 1,000 — allow'south mint and sell ten prints from that Max Supply:

• Click on your profile icon/public key in the upper right hand corner of your screen
• Click "Sell"
• Select "Limited Edition" from the "List an Item" options
• Click "Add together an NFT"
• Select the NFT nosotros created before and so click "confirm"
• Click "Auction Mint" and and so "Kin"
• Then enter the number of copies to create ... we'll exercise 10

• Set the Cost Flooring in Kin — we'll fix ours at 100,000
• Add the Tick Size — defines the minimum amount each new bid must be in addition to the onetime bid. New Bid >= Quondam Bid + Tick Size. If the old bid is 200,000 and our Tick Size is 100,000 and then the new bid must exist at to the lowest degree 200,000 + 100,000
• Click "Continue"
• Select when you want the Initial Phase to begin — well set ours to Immediately
• Add your Auction Duration — how long your auction volition concluding in minutes, days or hours
• Select the Gap Time — this sets the length of the last period of the Auction AND how much time volition be added to the auction for each qualifying bid submitted during that bridge. For case, if your Gap Time is 5 minutes, the sale volition be extended by 5 minutes for each bid received in the final 5 minute catamenia. Oof ... that'due south a mouthful.
• Determine the Tick Size Ending Phase — the percentage increase over the previous bid that i must place to go along the auction in the final phase. east.g. If the Tick Size is ten% and the previous bid was 5000 Kin then the new bid must be at least 5500 to continue in the sale.

Participation NFTs

Nosotros'll skip over the next screen which allows one to add NFTs that can exist given away or sold for participating in an sale. If yous want to accuse a fee, add a toll into the Stock-still Price field.

Only ii more steps and our devnet Auction will be live ... nosotros've sped up the .gif considering this part can accept a while:

1. Click "Proceed to Review"
2. So click "Publish Auctions"
3. And so approve the transactions in Phantom Wallet

Notation that sometimes, Metaplex stalls in this step. If it does, don't worry. When you refresh or restart your storefront, there volition be a notification waiting for yous in the peak right corner alerting you that an auction transaction didn't complete. Click on that notification to cease the transaction.

Wow, you made information technology to here ... you deserve an NFT!

Luckily, you now have the ability to make as many as you want and sell them for some sweet sweet Kin. So give yourself a pat on the back, accept a photo while yous're doing it, mint the photo, and slap that well earned dorsum pat on-chain so it can be remembered for all eternity.

Oh. Before we go, nosotros did promise to set you upwardly on the Mainnet.

Let'due south do that quick but first it's important to note a few important things.

1. To consummate this step, you lot will demand a minor amount of real SOL. At the fourth dimension of writing this, it cost us, in full, 0.81 USD equivalent in SOL. Our USD equivalent residue changed from $1.96 to $1.fifteen. Y'all demand SOL considering initializing your store creates two on concatenation transactions that require "rent", aka transaction fees.
2. Currently, y'all demand to be on the Mainnet to exam purchasing with Kin
3. All of the NFTs you lot created on the Devnet won't be present on your shop when yous switch to Mainnet — y'all can always switch dorsum to Devnet to gawk at them. Just be sure that your wallet AND the shop are on the aforementioned network.

The gif above merely shows the first transaction. For the curious, here are what both transactions expect similar.

Transaction I

Transaction 2

Now that our storefront is initialized nosotros need to add the Mainnet Store Configuration details to ./js/packages/web/.env.production .

If you need a refresher on how do that, click here.

Welp! Nosotros did information technology!

That was thirty minutes well spent you lot pro-level NFT'er you.

If you would similar to learn to deploy your site or brush upward on your Metaplex knowledge, yous tin can do that hither https://docs.metaplex.com/create-store/deploy

For those interesting in building their NFT projects using Kin, if your project is going places, yous tin utilise for a Kin Foundation Goad Fund grant hither.

newtonconse1961.blogspot.com

Source: https://developer.kin.org/tutorials/nfts-with-kin/

Share this post