- In this tutorial we will be going over how to create your own NFT Marketplace using React for the front end which will help you to create your own gallery, and using Rust for the back end to process transactions on the Solana Blockchain. More on the Solana CLI (Command Line Interface) and Developer Expierence here. Check out the Solana Blockchain source code to see what our marketplace will be built on top of!
- Disclaimer: It is useful to have some developer experience before this tutorial.
- You should be exepcted to know Rust. It is a low-level systems programming language and can have a learning curve. Check out the SolHack Discord to join a rust study group!
- How to Create your own NFT Marketplace
- How to Create an NFT with Royalties
An NFT Marketplace is a platform that allows the user to buy, sell, and store NFT's (Non-fungible Tokens) in a safe and secure manner. Our NFT Marketplace will be built on top of Solana and will feature degenerative art pieces. The user or owner is given the rights to the NFT with a digital signatue when purchased. Overall NFT Marketplaces are ecosystems to interact, trade, and view digital art from the future.
Oh so you're new to NFT's, we got you!
Click here to learn more
- solpunks https://solpunks.com/
- pixeldudes https://squidstuff.com/#/
- metaplex https://www.metaplex.com/
- SolSurfer https://solsurfer.xyz/#/
- solanart https://solanart.io/
Let's begin…
UI (User Interface)
- HTML/CSS/JS/TypeScript - Building the structure and foundation of the Website
- React - User Interface Design of Web App (Library of JavaScript)
- Rust - Low-level systems programming language used to develop the features within the marketplace
Databases (Storing User Input - Creating accounts etc.)
- Relational databases (ex. Postgresql, MySQL, other open source databases)
- Non-relational databases (ex. MongoDB)
NFT Marketplace Transaction Form
Develop functionality for entering customer personal details
UI Optimization (Optional)
1. Search Engine - Search items, collections, and accounts
2. Filtering mechanism
3. Live view activity of the Marketplace
Connecting Wallets (Optional)
1. Sollet
2. Solong
3. Solfare
4. MathWallet
5. Ledger
6. Phantom
Tokens
1. Implement input and search functionalities for token addresses
Buy/Sell NFT
1. Implement Buy/Sell w $SOL
2. NFT Marketplace Form
User Account and Registration
1. Generate a unique TransactionId when a user registers for an account. Would help tie in other functionalities specific to the user
Create your own Marketplace Button
1. Functionality - Sell your own NFT or build your platform to allow yourself/others to sell their NFTs on your platform.
Resources
1. FAQ - Frequently Asked Questions
2. Contact Us
3. Customer Support
4. Social Media - Linkedln, Instagram, Twitter, YouTube etc.
-
Think of a design for your NFT gallery/marketplace
-
Decide on the design of your NFT and its attributes then mint a limited collection, with an assigned rarity (price is decided off rarity) to each NFT, being 1/10000 or whatever count you want.
-
Develop a Featured Gallery Section in the UI - This will display all NFTs that are on the market
-
Develop a method or Log to track what NFT's are sold and to whom (think back-end)
-
Connect your Social Media to your NFT marketplace
-
Generate a URL for your NFT to publish on social media platforms OR resell on Opensea
If you wanted to learn futher about how to mint your own NFTs click here
Create a log to track what NFT’s are sold by whom and at what price. Reference this [video] to learn more about saving transaction data.(https://www.youtube.com/watch?v=wVPGJ_CZTAw&list=PL41Cw3fN3CfdbmhgxADwyDyIoDrxc22v2&index=2) Create a Wallet Address that is tied to a TransactionId that tracks which account purchased/sold the NFT.
- Overall you learned a little about the NFT metaverse, and what it entails to create your own NFT marketplace. We introduced a couple of programming languages that can help you to get started coding your masterpiece. This may be your first NFT guide or you may be a pro,but either way we believe in the difference we make for the Web 3 Revolution.Now you can go on to create your own tutorials or keep learning [here].(https://www.youtube.com/watch?v=L4WWQzOBNIg)
how can we see the coding?