This guide will show you how to create a Dapp that works on multiple chains. In this Dapp we are going to allow users to select chains and claim an NFT from the respective chain. I am going...

In this guide, we'll show you how to create a clone of the MAYC collection drop where users from an original collection will be airdropped serums that can be used to mint a MAYC NFT. When th...

This guide will show you how to build a complete web3 application that allows users to sign in using their web3 wallet and then join a monthly subscription via stripe. Before we get started,...

This guide will show you how to build a full web3 application that allows users to create an on-chain to-do list, using Solidity for the smart contract and Next.js for the application. Befor...

In this guide, we'll show you how to create an app where users can sign in with their GitHub and web3 wallet. Once they are signed in, we will validate if they have contributed to one of our...

Introduction In this guide, we are going to see how to use RainbowKit with Thirdweb! I am going to create a Next.js app and show how the users can connect their wallet with the amazing UX an...

Introduction In this guide, I am going to show you how to build an NFT collection where users can simply scan a QR code and purchase your NFT! We are going to use some cool tech like Candy m...

Introduction If you run a business or a brand, you know how important it is for you to be reached by more and more people. If you have a website, SEO can help you reach more and more people...

Introduction Wassup everyone, long time no see. Today we will see a few ways to not clean code in React, let's jump right into it! 10 ways to not write clean code Not use a linter Who needs...

Hello everyone, in many kinds of apps you need to build a count down. So, today we will see how to build a countdown timer in React! Setup Create a new react app npx create-react-app react-...

Hello everyone, ever thought of creating a site that can allow you to accept sponsors? Let's build a site to accept sponsors, today! Setup Setting up Next.js app I am going to use Tailwind C...

Wassup everyone, in this article I wanna showcase a DAO that I built in the first week of January while learning web3! So, I built a bloggers Dao called Inscribe with Next.js, TailwindCSS, a...

Hello everyone! As you have seen web3 is very popular right now. Clerk has recently released metamask authentication. So let's take a look at how to implement it in our app! What is Clerk? C...

Wassup everyone, let's see how to add google analytics to your Next.js site. Google Analytics will help you to see the performance of each page, how well the site is doing in countries, diff...

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 Initialize Nod...

Wassup everyone, in this article we are going to create a headless e-commerce application using an open-source alternative to Shopify- Medusa. What are we building? https://www.loom.com/sh...

Howdy everyone, in this article we are going to build a CRUD (Create, Read, Update, Delete) API with Node.js and MongoDB. This API will be able to add, get, edit and delete todos! Setting u...

This year has been so amazing, and I have done lots of stuff. So in this article, I am just gonna show everything that I did this year. January I was very new to coding, I knew a bit of HTM...

Hey everyone, in many apps you need a sidebar/drawer which slides in if you click on a hamburger icon. In this tutorial, we are going to see how to build that 🌟. Demo {% loom b748e5d32ebd45...

The Next.js head tags are a good way to add the meta tags, title, description, open graph image, etc. but you might not remember all the meta tags and it can also look messy, so we are going...

Intro Tailwind CSS v3.0 just got released and they have added a lot of cool features, so let's have a look at them. JIT is now inbuilt The JIT mod is now inbuilt in TailwindCSS so it is way...

Demo {% loom 99032ab2d14844cfb0962e0e71ed3891 %} Setup Create app npx degit sveltejs/template svelte-todo-app cd into the folder- cd svelte-todo-app Install dependencies npm install # npm...

🙋‍♂️Hey there, today we are going to see how to add Twitter auth with Supabase in a Next.js app. Let's get started What we are going to build {% loom d35e0765cd7d4a77a33e82bb1634cfa7 %} Li...

Many people have asked me that how does my blog feels so similar to my portfolio and matches the theme even though it is built using Hashnode and I have done very little work for the blog. T...

If you haven't been living under a rock you have probably heard of Web 3.0! One of the most important parts of a full-stack is authentication. So let's see how to authorize users with their...

While building applications you would have noticed yourself using Array's a lot. So let's take a look at the 5 Array methods. To show you all the methods with examples, I am going to create...

In a single-page web application, you will probably have a navbar allowing the user to go to different sections of the page. So today we are going to see how to build that. Demo https://www...

Hey all, This post is in collaboration with @James Q Quick. If you like to see videos then check out this video by James Q Quick. {% youtube ARNN_zmrwcw %} So let's get the party started. W...

You might have seen some web apps where the header changes its color or becomes glassmorphic when you scroll down. So in this tutorial, I am going to show you how you can do the same. Let's...

Hey guys, this is gonna be a tutorial plus a challenge. I also have a giveaway at the end so stay tuned ;) Demo Video Demo You can try it out yourself here- https://quiz-challenge.vercel.app...