Create your own Polygon or Ethereum NFT marketplace: step-by-step tutorial
In this tutorial, you will learn how to set up your own Ethereum or Polygon storefront with Candy Shop.
Before You Start!
Our Ethereum and Polygon shops are built on Opensea’s Seaport smart contract, which is open source and the standard for NFT trading and auctions on EVM chains. Candy Shop provides a backend that powers marketplace features such as verified collections, filter, search and more.
Why Candy Shop?
- Transparent transactions
- Trustless and decentralized
- NFTs do not leave your wallet when you list them for sale
- Simple to integrate
- Grow and solidify your community
- Lower NFT trading fees for your customers
- Projects get a share of NFT trading fees
- Get access to more features and benefits as they are rolled out
Key features
- ETH, MATIC, and ERC20 token marketplace
- Marketplace with modal or single NFT view
- NFT filtering, sort and search
- Multi collection marketplace
- Multi currency marketplace
- Marketplace activity
Step 1: Create Your Shop
Head over to candyshop.space and connect your wallet.
After connecting your wallet, you can create your own shop.
Now, your shop is ready. Take note of the parameters candyShopCreatorAddress, treasuryMint, and candyShopProgramId, we will use them in Step 2.
Step 2: Setup your shop repo locally
Fork and clone our ready-made React storefront locally
git clone https://github.com/LIQNFT/candy-shop-storefront/
Install npm packages
yarn
Define your environment variables (.env file)
Rename the .env.example
file at the root directory to .env
and update the following variables in the .env
file with the parameters you got from Step 1:
REACT_APP_CANDY_SHOP_CREATOR_ADDRESS=__PLACEHOLDER__
REACT_APP_CANDY_SHOP_TREASURY_MINT=__PLACEHOLDER__
REACT_APP_CANDY_SHOP_PROGRAM_ID=__PLACEHOLDER__
In the .env file, define the blockchain network you want to connect to:
REACT_APP_NETWORK=devnet
REACT_APP_RPC_HOST=https://api.devnet.solana.com
Options are:
- Ethereum:
ETH
(mainnet) andGOERLI
(testnet) - Polygon:
MATIC
(mainnet) andMUMBAI
(testnet)
You can also specify an RPC server that your web app will access the Ethereum or Polygon network through.
REACT_APP_RPC_HOST={{RPC URL}}
Run your code locally
yarn start
Your shop should now be live on localhost:3000
Edit the code to customise your storefront
Step 3: Deploy your shop
When you’re happy with how your shop looks, commit and push your code to github and you can one-click deploy your shop with Vercel. With that, your shop is live!
That’s a wrap!
Hope you enjoyed this tutorial! Candy Shop’s mission is to provide the tools and infrastructures for creators, brands and projects alike to grow!
We invite you to join our growing community on Twitter! If you need support, or would like to provide some feedback, join us on Discord.