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) and GOERLI (testnet)
  • Polygon: MATIC (mainnet) and MUMBAI (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.

Candy Shop

Candy Shop

Launch your own NFT marketplace today