TypeScript - thirdweb

TypeScript

A collection of 9 posts

Building Token Bound Accounts into an App using the Wallet SDK

Building Token Bound Accounts into an App using the Wallet SDK

ERC-6551 and ERC-4337 compatible Token Bound Accounts (TBAs or token-bound smart wallets*) are easy to create using thirdweb, but how do you build them into your project, app, or game? In this example app, built using both the thirdweb React SDK and Wallet SDK, we will create a user flow

Introducing the Transaction Builder

Introducing the Transaction Builder

Today we're excited to announce a new feature in our TypeScript SDK, the Transaction Builder; a method to granularly control every aspect of the transaction process, by specifying overrides and config for each step, like so: // Prepare a transaction, but don't send it const tx = await contract.erc721.claim.prepare(

Create ERC721 Access Pass NFTs Using TypeScript

Create ERC721 Access Pass NFTs Using TypeScript

In this guide, we are going to create a NFT collection where users will be able to connect their wallets to the website and mint an NFT by generating a signature. The metadata of the signature will be the same for everyone but this will help us send ERC 721

Create NFT Loot-Boxes Using the Pack Contract

Create NFT Loot-Boxes Using the Pack Contract

In this guide, we'll create a "loot-box" NFT that can be opened to reveal tokens inside of it! In more detail, we'll bundle up ERC20, ERC1155, and ERC721 tokens into a set of ERC1155 NFTs using the Pack contract! IMPORTANT: Pack contract can be costly in terms of gas usage.

Create an Early Access NFT with TypeScript and React

Create an Early Access NFT with TypeScript and React

In this guide, we are going to make our own early access NFTs using TypeScript. We are going to create an NFT using an Edition Drop and also set the price and the number of claimable NFTs. The edition drop allows us to create ERC1155 tokens, which means that each

Using the Web3 SDK: Frontend or Backend?

Using the Web3 SDK: Frontend or Backend?

This guide shows how to use our SDK effectively and where your code should live depending on your use case. Frontend Here is a typical use case. You have an app (or are building one) and you want users to claim an NFT. You have everything set up and just

Deploy an NFT Drop with TypeScript

Deploy an NFT Drop with TypeScript

In this guide, we'll show you how to deploy and configure an NFT Drop with the TypeScript SDK! You can deploy an NFT Drop via the dashboard, but in this guide, we'll demonstrate how to do it using TypeScript! Create a new folder on your computer called my-nft-drop, and within

Create an ERC20 token with TypeScript

Create an ERC20 token with TypeScript

You can deploy a Token via the dashboard, but in this guide, we'll demonstrate how to do it using TypeScript! Create a new folder on your computer called my-token, and within this folder, create a file called mint-token.ts. Installing TypeScript SDK Install the required dependencies to get started with

Mint an NFT Collection with TypeScript

Mint an NFT Collection with TypeScript

You can deploy an NFT Collection via the dashboard, but in this guide, we'll demonstrate how to do it using TypeScript! Create a new directory called my-nft-collection, and within this folder, create a file called mint-nft-collection.ts. Installing TypeScript SDK Install the required dependencies to get started with thirdweb, by