Avneesh Agarwal

@avneesh

1299 Points 16 Followers

53 Posts

0 Answers

Joined September 14th, 2021

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

Avneesh Agarwal Β· 2 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 Β· 3 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 Β· 3 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 Β· 4 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 Β· 4 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 Β· 4 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 Β· 4 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 Β· 4 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 Β· 5 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 Β· 5 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 b748e5d32ebd455...
5

Avneesh Agarwal Β· 5 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 Β· 5 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 Β· 5 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 Β· 5 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 %} Liv...
3

Avneesh Agarwal Β· 5 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 Β· 5 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 Β· 6 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 Β· 6 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 Β· 6 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 Β· 6 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 Β· 6 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

Avneesh Agarwal Β· 6 months ago

Create a custom video player in React πŸ“½οΈ

Wassup guys, in this tutorial we are going to see how to build a custom video player in React. Let's jump straight into it! Setup Create a new react app npx create-react-app custom-video-pl...
7

Avneesh Agarwal Β· 7 months ago

My experience of Hacktoberfest 2021

I have been participating in a great and the biggest event for open source this month- Hacktoberfest! In this article, I am going to tell you how I participated and how I enjoyed this event....
4

Avneesh Agarwal Β· 7 months ago

Create nice Readmes for your open source projects ✨

Creating good Readmes for your open source project is very important to get some popularity, stars, forks, and contributors. So today we are going to look at 2 ways to create beautiful Readm...
1

Avneesh Agarwal Β· 8 months ago

How to not become a better developer

The world has plenty of good programmers. So how can you stand out and be the worst one? So here are some points on how ***not *** to become a better developer Learn multiple programming la...
2

Avneesh Agarwal Β· 8 months ago

How to build Google Sign in with firebase in React with react-firebase-hooks

Did you know that Google provides a suite of tools in its Firebase platform? With Firebase, you can store data in its NoSQL database, build user authentication and many more. Let’s learn how...
1

Avneesh Agarwal Β· 8 months ago

Git and Github crash course

What is Git? Git is the most widely used modern version control system. Git is an actively maintained open source project originally developed in 2005 by Linus Torvalds, the famous creator o...
1

Avneesh Agarwal Β· 8 months ago

How to Create Light and Dark Mode Toggle in Next.js with Tailwind

Today, we are going to learn how to create a dark mode toggle in Tailwind with localStorage. So, let’s jump right into it. Firstly, we are going to set up a Next.js app with Tailwind. You c...
2

Avneesh Agarwal Β· 8 months ago

Authenticate Users with Auth0 in Next.js

How to Authenticate Users with Auth0 in Next Next auth + Auth0 What is Auth0? Auth0 is an easy-to-implement, adaptable authentication and authorization platform. If you want to follow along...
1

Avneesh Agarwal Β· 8 months ago

How to deploy your website to Netlify for free

Deploy your react app to netlify Sign up Go to Netlify and create a free account. Netlify signup First Method (git provider) You can choose a repository from a git provider and every time yo...
1

Loading More Content