DEV Community

Cover image for Make your first Crypto with ThirdWeb 🤯
Avneesh Agarwal
Avneesh Agarwal

Posted on • Edited on • Originally published at blog.avneesh.tech

Make your first Crypto with ThirdWeb 🤯

Have you ever wondered how amazing it would be to create your crypto? So, in this article let's build our very first crypto!

Setup

Create a new folder-

 mkdir thirdweb-crypto
Enter fullscreen mode Exit fullscreen mode

Initialize Node.js-

npm init -y
Enter fullscreen mode Exit fullscreen mode

Change type to module

we are going to use modular imports so change the type to module in package.json-

"type": "module",
Enter fullscreen mode Exit fullscreen mode

Install the packages needed-

npm i @3rdweb/sdk dotenv ethers
Enter fullscreen mode Exit fullscreen mode

Initiazling 3rdweb

To keep stuff clean, create a new folder scripts. Inside of it create a file a file initialize-sdk.js. Now, paste in the following-

import { ThirdwebSDK } from "@3rdweb/sdk";
import ethers from "ethers";

import dotenv from "dotenv";
dotenv.config();

if (!process.env.PRIVATE_KEY || process.env.PRIVATE_KEY == "") {
  console.log("🛑 Private key not found.");
}

if (!process.env.ALCHEMY_API_URL || process.env.ALCHEMY_API_URL == "") {
  console.log("🛑 Alchemy API URL not found.");
}

if (!process.env.WALLET_ADDRESS || process.env.WALLET_ADDRESS == "") {
  console.log("🛑 Wallet Address not found.");
}

const sdk = new ThirdwebSDK(
  new ethers.Wallet(
    process.env.PRIVATE_KEY,
    ethers.getDefaultProvider(process.env.ALCHEMY_API_URL)
  )
);

(async () => {
  try {
    const apps = await sdk.getApps();
    console.log("Your app address is:", apps[0].address);
  } catch (err) {
    console.error("Failed to get apps from the sdk", err);
    process.exit(1);
  }
})();

export default sdk;
Enter fullscreen mode Exit fullscreen mode

This is going to initialize 3rdweb for us but first, we need some keys. So, create a new file .env in the root of your folder and add these three variables-

WALLET_ADDRESS=<3rdweb_project_address>
ALCHEMY_API_URL=<alchemy_api_key>
PRIVATE_KEY=<wallet_private_key>
Enter fullscreen mode Exit fullscreen mode

Creating a 3rdweb project

Go to Thirdweb sign up/in then, create a new project. I am going to use Rinkeby for this demo. Give a name to your project and you can also add a description if you want.

image.png

Copy the address that you get and replace it as the value of WALLET_ADDRESS

image.png

Creating an alchemy project

Go to alchemy after signing in, create a new project on the same chain and network as you did on thirdweb.

image.png

Click on the view key button and copy the HTTP one.

image.png

This is the API key that we need from alchemy so paste it in the .env file.

Getting the Private Key

In your metamask wallet, click on account details

image.png

Click on the export private key button, enter the password and copy the key that you get. This is your PRIVATE_KEY.

Let's now run the initializing script-

node scripts/initialize-sdk.js
Enter fullscreen mode Exit fullscreen mode

You will now see your app address-

image.png

Creating and deploying our crypto

Create a new file deploy-token.js and paste in the following-

import sdk from "./initialize-sdk.js";

const app = sdk.getAppModule("YOUR_APP_ADDRESS");

(async () => {
  try {
    const tokenModule = await app.deployTokenModule({
      name: "My Token",
      symbol: "TOKEN",
    });
    console.log(
      "✅ Successfully deployed token module, address:",
      tokenModule.address
    );
  } catch (error) {
    console.error("failed to deploy token module", error);
  }
})();
Enter fullscreen mode Exit fullscreen mode

You need to replace the app address with the address that came in the console. You also need to change the name and symbol of the token to what you want it to be called. Let's now run it-

node scripts/deploy-token.js
Enter fullscreen mode Exit fullscreen mode

It works and the token has been deployed 🥳

image.png

You can also view the contract on Etherscan

image.png

Import the token to your metamask wallet

We can also see how many tokens we have through the metamask wallet, so open Metamask scroll below and you will see a button "Import tokens".

image.png

Paste in the address of your token and click add.

image.png

You will now see our token here 🎉.

image.png

But it is 0 in quantity so let's mint some tokens.

Minting tokens

Create a new file mint-token.js and add the following-

import { ethers } from "ethers";
import sdk from "./initialize-sdk.js";

const tokenModule = sdk.getTokenModule("YOUR_TOKEN_ADDRESS");

(async () => {
  try {
    const amount = 1_000_000;
    const amountWith18Decimals = ethers.utils.parseUnits(amount.toString(), 18);
    await tokenModule.mint(amountWith18Decimals);
    const totalSupply = await tokenModule.totalSupply();

    console.log(
      "✅ There now is",
      ethers.utils.formatUnits(totalSupply, 18),
      "$TOKEN in circulation"
    );
  } catch (error) {
    console.error("Failed to mint tokens", error);
  }
})();
Enter fullscreen mode Exit fullscreen mode

Replace YOUR_TOKEN_ADDRESS with the address you got. You can also change the number of tokens to be minted. Currently, it will mint 1,000,000 tokens.

Run the script-

node scripts/mint-token.js
Enter fullscreen mode Exit fullscreen mode

We successfully minted the tokens! 🥳

image.png

In metamask also it shows the tokens!

image.png

You can also send these tokens to your friends or anyone you like :D

Conclusion

@thirdweb is a great way to build web3 stuff, hope you found this article useful and made your first crypto. See ya in the next one ✌️

Useful links

GitHub Repo

ThirdWeb

Let's connect

Top comments (0)