Guides

A collection of 122 posts

Guides

How to Scan a QR Code and Claim an NFT

This guide will show you how to create an experience for users where they can scan a QR code, generate a wallet via oAuth/email sign in, and claim an NFT! We'll walk through the following: 1. Setting up engine 2. Deploying smart contract 3. Creating fullstack app 4. Generating

Build a Web3 Mobile App

This guide will show you how to create a mobile web3 app using react native and thirdweb! We'll build an app where users can connect their wallets, and claim NFTs! If you prefer watching videos over reading guides, you can check out this video below: We'll walk through the following:

React Native

How to Fully Customize the ConnectWallet Button in the React Native SDK

Here at thirdweb, we truly believe in giving full autonomy to developers on how to use our tools, and part of this effort is allowing full customization of our UI components. This blog post guides you through customizing the ConnectWallet button to match the Pixels game design as a use-case

Guides

The Quick-Start Guide to Embedded Wallets

This guide will tell you everything you need to know about Embedded Wallet. We'll cover the following: 1. What is Embedded Wallet? 2. Where to use it? 3. What do we provide out of the box? 4. How to use Embedded Wallet in your app? Let's get started! What is

Guides

How to Migrate from Hardhat to thirdweb

thirdweb is a free and open-source alternative to Hardhat that offers various tools for web3 development. It provides a safe smart contract deployment tool and a user-friendly UI for contract management, similar to the Hardhat dashboard. With thirdweb, you can: * Deploy your contract built with Hardhat or Foundry to any

Create a GO server for signature minting NFTs

This guide will show you how to create a GO server using gin that can be used on the front end to signature mint some NFTs. We'll walk through the following: 1. Creating an NFT Collection Contract 2. Creating a go server 3. Adding the signature minting ability 4. Using

Guides

How to Create a Web3 Connect Wallet Button in React

In this guide, learn how to create your own custom Connect Wallet button easily.

Guides

How to Migrate from Truffle to thirdweb

Consensys has announced the discontinuation of support for Truffle and Ganache on September 21, 2023. This has led developers to look for alternative tools for their contract development suite. thirdweb is a free and open-source alternative that offers various tools for web3 development. It provides a safe smart contract deployment

Guides

How to Add a Connect Wallet Button to Your App or Website

This guide will show you how to easily add a Connect Wallet button to your app.

Guides

Transfer USDC Cross-Chain with Circle CCTP & thirdweb

In this guide, we will use Circle's Cross-Chain Transfer Protocol (CCTP) to transfer USDC cross-chain.

Guides

How to Create a Web3 PWA

This guide will show you how to build a web3 PWA (Progressive Web App) using Next.js and thirdweb.

Guides

How to Create an NFT Marketplace

This guide will show you how to build an NFT Marketplace using Next.js, Typescript, & thirdweb's Marketplace smart contract. By the end you’ll have an NFT Marketplace application where users can list NFTs for direct or auction sale and buy NFTs that are listed: Let's get started! 1. Deploy

Smart Wallets

Integrating Smart Wallet in a React App

This guide will show you how to create a react app where users can connect their smart wallets to your front end! What is a smart contract wallet? A smart contract wallet is a type of non-custodial web3 wallet that uses smart contracts to operate and manage assets. By adding

Build a Loyalty Program using the Loyalty Card Contract

This guide will tell you everything you need to know about the new Loyalty Card contract; later in the guide, we will also see it in action in a next.js app where users can generate and cancel their loyalty cards, and we will also build an admin dashboard for

NFT Drop

Setting up an NFT minting website with a timer

This guide will show you how to build a custom mint page with a countdown timer using Next.js and the TypeScript SDK. By the end, you'll have a Next.js site where users can know how long until the timer ends, they can claim their NFTs. Let's get started!

Guides

Deploy a Smart Contract on Astar

This guide will show you how to deploy any smart contract and build a web3 app on the Astar network. By the end, you'll learn how to create a simple NFT Drop smart contract, deploy it to the Astar network, and mint an NFT on the smart contract. Let's get

Smart Wallets

Batch Transactions with the Smart Wallet

In this guide we will go through how to batch multiple transactions into a single transaction with smart wallet in a backend script. 💡To learn more about smart wallet, visit the portal documentation. Reminder: smart wallet is an account abstraction component that you can use in scripts and applications. If

Guides

How to Claim the Superchain Builder NFT on Optimism

In this guide, learn how to claim your free Superchain Builder NFT on Optimism! Get Goerli ETH from the Superchain Faucet, deploy a smart contract on OP Testnet, and mint a free commemorative NFT to mark your credentials as a builder on the Superchain. To get started, head to the

Edition Drop

Deploy a Smart Contract on Canto Blockchain

This guide will show you how to deploy any smart contract to the Canto network. By the end, you'll learn how to create a simple Edition Drop smart contract, deploy it to the Canto Testnet, and mint an NFT on the smart contract. Let's get started! What is Canto? Canto

NFT Drop

Deploy a Smart Contract on Zora

This guide will show you how to deploy any smart contract to the Zora network. By the end, you'll learn how to create a simple NFT Drop smart contract, deploy it to the Zora Testnet, and mint an NFT on the smart contract. Once you get the hang of the

Guides

How to Build a dApp

This guide will show you how to create a smart contract, deploy it, and use it in a front-end application, which we will deploy to IPFS as well. By the end, you'll learn how to create a simple smart contract using the Solidity SDK, deploy it using our CLI, and

NFT Collection

How to Mint an NFT

This guide will show you how to deploy an NFT collection and mint NFTs to it. By the end, you'll learn how to create a simple NFT Collection smart contract, deploy it, and mint an NFT on the smart contract. Let's get started! What is an NFT? Before starting to

Authorizing NFT minting through a backend

This guide will show you how to use a back-end to authorize a user to mint an NFT on your NFT collection, called signature minting. By the end of the guide, you will be able to use a back-end to validate if a user can mint an NFT on your

React

How to Create Token Bound Accounts (ERC-6551)

ERC-6551 and ERC-4337 compatible Token Bound Accounts 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 where the user connects a

How to Extend the Base Smart Wallet Contracts Using the Solidity SDK

This guide will show you how to extend the smart wallet contracts to add custom logic fit for your specific use case. In this guide, we will build token-gated wallets by checking that the user attempting to perform operations with the wallet is the owner of a specified token. To