Create your own NFT marketplace with TypeScript

Create your own marketplace to sell your own NFTs with TypeScript

In this guide we'll create our own marketplace with the TypeScript SDK! In a marketplace you can list your tokens, like NFT's, for sale. Opensea is an example of a marketplace. Did you know you can do both! After we create our marketplace, we will list the NFT we minted with our sdk in our previous guide. Check that guide out over here.

By the way we also need to connect a wallet. So if you don't have a wallet, make sure to sign up with MetaMask or CoinWallet. If don't have a wallet, you can follow this guide to create one.

Alright without further ado, let's create our marketplace!

The first thing we need to do is head over to the dashboard and create a project and a Marketplace module. if you don't know how to do this, check out this guide.

Once you've created the module, it's time to list our first NFT, but we don't need the dashboard for that! I mean we could, but why use GUI if we can use TypeScript!?

Go ahead and create a new TypeScript file. Let's call it index.ts and open it in your favorite code editor. We'll use Visual Studio code.

Next up use we'll install the ThirdWeb SDK using npm!

• @3rdweb/sdk - thirdweb TypeScript SDK.
• ethers - will give us very useful utils.
• dotenv - to hide our private key.
• typescript - since this is a TypeScript project
• @types/node - typing for node as a dev dependency.
• tslib - utility package

Copy codenpm init -y
npm install @3rdweb/sdk ethers dotenv
npm install --save-dev typescript @types/node ts-node tslib

In order to make use of our SDK, you need to establish a connection to a blockchain. Click here to learn how to connect to the blockchain and instantiate our SDK.

For this guide, you will need to instantiate the SDK following these steps, using your own signer with thirdweb.

Now we need to define which module we want to use. This is the module we just created inside our project Minting NFTs with TypeScript. We called the module 'Marketplace written in TypeScript'. This module has an address. We need to pass the address here. You can find the address here, under 'Marketplace written in TypeScript':

In our index.ts file we include the following code. First we define a variable marketModuleAddress and store our module address in here.

Then we create an object that uses the market module inside the SDK with our address.

We will also need the module address of the NFT we want to list. To get your NFT module address head over to the dashboard. Inside your project go to your NFT Collection module and copy the address of that module.

If you want to sell your NFT in your own coins, you will also need the module address of your coins. Head over to the dasboard and inside your project go to your Token module and copy the address of that module and paste it below.

You can also use the native currency of the chain, such as Ether on Ethereum and Matic on Polygon. You will need the token address of the coin you want to use and pass it to the variable tokenModuleAddress.

Copy code// Initialize market module by passing in the module address
const marketModuleAddress = "0xC06adC34097afa2085324D4192fbE9206059f8e0"
const market = sdk.getMarketModule(marketModuleAddress);

// Declaring the NFT Collection module address
const nftCollectionModuleAddress = "0xdd25FAEE772FbB1bcB7ba0b2cEE6387A8F82f032"

// Declaring the token module adress if you want to use your own tokens
const tokenModuleAddress = "0x0d5fb8942eEa62093944F3e91C6Ac4e584336741";

We are using the NFT that we created in our previous guide. Each NFT has tokenId. We will pass that the following parameters to the '.list' method:

Copy code// the listingId of the listing you want to fetch data for
const tokenId = "1";
const tokenIdOffer = 1

market.createDirectListing({
      assetContractAddress: nftCollectionModuleAddress,
      buyoutPricePerToken: ethers.utils.parseUnits(tokenIdOffer, 18),
      currencyContractAddress: tokenModuleAddress,
      startTimeInSeconds: Math.floor(Date.now() / 1000),
      listingDurationInSeconds: 60 * 60 * 24,
      tokenId: tokenId,
      quantity: 1,
    });

// Get all the listings
market.getAllListings();

So the only thing left is to run our code! Open a terminal and paste the following:

Copy code# Runs the TypeScript file
npx ts-node index.ts

Congratulations! You have created your own marketplace.