Avneesh Agarwal

@avneesh

1816 Points 20 Followers

62 Posts

0 Answers

I am a web developer who is documenting his journey and teaching others by writing articles.

Avneesh Agarwal Β· 2 days ago

How to support multiple chains in your thirdweb Dapp

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...
3

Avneesh Agarwal Β· 2 weeks ago

Build A Mutant Ape Yacht Club (MAYC) NFT Collection Clone

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...
2

Avneesh Agarwal Β· 2 weeks ago

Stripe Subscriptions Using Sign In With Ethereum

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,...
4

Avneesh Agarwal Β· 3 weeks ago

Create a todo app with thirdweb deploy and Next.js

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...
4

Avneesh Agarwal Β· 3 weeks ago

Allow GitHub contributors to mint an NFT

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...
2

Avneesh Agarwal Β· 1 month ago

How to use RainbowKit with Thirdweb 🌈

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...
4

Avneesh Agarwal Β· 2 months ago

How to sell NFTs using a QR code on Solana πŸ”₯

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

Avneesh Agarwal Β· 3 months ago

How to make your website rank on google πŸ”

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...
2

Avneesh Agarwal Β· 3 months ago

How not to write clean code in React? 🧹

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...
3

Avneesh Agarwal Β· 7 months ago

How to make a count down timer in React πŸ”₯

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-...
2

Avneesh Agarwal Β· 8 months ago

How to make a sponsors site with Next.js, Tailwind CSS, and Stripe πŸ’΅

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...
4

Avneesh Agarwal Β· 8 months ago

How I built Inscribe: Bloggers DAO

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

Avneesh Agarwal Β· 8 months ago

Metamask authentication in Next.js with Clerk πŸ”’

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...
3

Avneesh Agarwal Β· 8 months ago

Add google analytics to your Next.js app ✨

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...
4

Avneesh Agarwal Β· 8 months ago

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

Avneesh Agarwal Β· 8 months ago

How to start a headless E2E e-commerce store in no time with Medusa πŸ›οΈ

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...
6

Avneesh Agarwal Β· 8 months ago

Building a CRUD API with Node.js and MongoDB

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...
6

Avneesh Agarwal Β· 9 months ago

2021 Wrapped

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...
5

Avneesh Agarwal Β· 9 months ago

Create an animated sidebar with TailwindCSS in ReactπŸ’«

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...
5

Avneesh Agarwal Β· 9 months ago

Next SEO: A better way to Manage SEO for Next.js πŸ”

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...
6

Avneesh Agarwal Β· 9 months ago

TailwindCSS v3 released! A look at the new features 🎨

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...
5

Avneesh Agarwal Β· 9 months ago

How to Build a Todo app with Svelte!

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...
3

Avneesh Agarwal Β· 9 months ago

How to add Twitter auth quickly with Supabase to your Next.js site ⚑

πŸ™‹β€β™‚οΈ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...
3

Avneesh Agarwal Β· 10 months ago

How I personalized my Hashnode blog and you can too! 🌟

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...
1

Avneesh Agarwal Β· 10 months ago

Metamask authentication with Moralis in Next.js

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

Avneesh Agarwal Β· 10 months ago

5 JavaScript Array methods you need to know!

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...
5

Avneesh Agarwal Β· 10 months ago

Easy smooth scrolling in react

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...
5

Avneesh Agarwal Β· 10 months ago

How to Create a PWA With Next.js

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...
4

Avneesh Agarwal Β· 10 months ago

Animate and Change Header Background on Scroll

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...
4

Avneesh Agarwal Β· 10 months ago

Build a quiz App with Next.js and TailwindCSS!

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...
5

Loading More Content