Hey what’s up, in this tutorial I will show you how to use smart contracts in your frontend app. Before starting, you need to understand how to connect a user‘s wallet to your application and how to enforce one blockchain network on your frontend. …

A common pattern in web3 apps is to force the user to only have access to your website when they are on the correct blockchain network. Otherwise, the app doesn’t work. …

Does your website need a button that will prompt users to add a certain ERC20 token to their wallet? Well that is super simple to do. This tutorial will cover that. Resources for this tutorial: Video version of this tutorial for more details Example of functionality on my website Code for example on my…

I often create new projects and TailwindCSS is needed each time. Sometimes the documentation doesn’t cut it, so thought I’d document the steps for how to quickly install TailwindCSS in a Next.js project. …

Hello, in this tutorial I will show you how to persist a wallet connection on page reload. To do this, you first need to know how to connect the user to a wallet on your app. You can learn that here: web3-react: Connect Users to MetaMask (or any wallet) From Your Frontend A simple example of using web3-react, a library for connecting to Ethereum walletsmedium.com Once you have an app that can connect to…

Hello, in this tutorial I will show you the simplest example I can think of for how to convert an ENS address to an ETH address in your web app. Knowing how to do this is valuable because most smart contracts only accept ETH addresses, not ENS addresses. Resources Click here…

Hello, in this tutorial I will show you the simplest example possible for how to get any ERC20 token balance for any Ethereum address. So that you know what you are getting into, the image below from ideamarket.io shows an example of the functionality you will learn how to build:

This is going to be a super simple tutorial that will cover how to check if an Ethereum address is indeed a valid address. Here is the video tutorial if you prefer that. This tutorial starts from a newly created Next JS project. …

Hello, in this post I’ll be showing how to use a library called web3-react in order to connect users to MetaMask or any wallet from your frontend. My plan is to show you the most simple implementation possible. It will look like this: