Avneesh Agarwal

@avneesh

1080 Points 11 Followers

48 Posts

0 Answers

Joined September 14th, 2021

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

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

Avneesh Agarwal

4 days ago

2
Select One:

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

Avneesh Agarwal

6 days ago

6
Select One:

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

Avneesh Agarwal

1 week ago

6
Select One:

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

Avneesh Agarwal

3 weeks ago

5
Select One:

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

Avneesh Agarwal

3 weeks ago

5
Select One:

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

Avneesh Agarwal

1 month ago

6
Select One:

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

Avneesh Agarwal

1 month ago

5
Select One:

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

Avneesh Agarwal

1 month ago

3
Select One:

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

Avneesh Agarwal

1 month ago

3
Select One:

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

Avneesh Agarwal

1 month ago

1
Select One:

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

Avneesh Agarwal

1 month ago

7
Select One:

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

Avneesh Agarwal

1 month ago

5
Select One:

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

Avneesh Agarwal

2 months ago

5
Select One:

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

Avneesh Agarwal

2 months ago

4
Select One:

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

Avneesh Agarwal

2 months ago

4
Select One:

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

Avneesh Agarwal

2 months ago

5
Select One:

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

Avneesh Agarwal

2 months ago

7
Select One:

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

Avneesh Agarwal

2 months ago

4
Select One:

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

Avneesh Agarwal

2 months ago

1
Select One:

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

Avneesh Agarwal

3 months ago

2
Select One:

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

Avneesh Agarwal

4 months ago

2
Select One:

A Crash Course in Material-UI

Today, I am going to teach you how to use Material-UI and master it. So let’s get started. What is Material-UI? Material-UI is a library that gives beautiful inputs, buttons, dropdowns, acc...

Avneesh Agarwal

4 months ago

1
Select One:

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

Avneesh Agarwal

4 months ago

1
Select One:

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

Avneesh Agarwal

4 months ago

1
Select One:

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

Avneesh Agarwal

4 months ago

1
Select One:

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

Avneesh Agarwal

4 months ago

1
Select One:

Add auth0 authentication to your Next.js app in less than 5 πŸ–πŸ» minutes

Creating a new Next.js app npx create-next-app next-auth0-demo Installing nextjs-auth0 npm i @auth0/nextjs-auth0 # npm yarn add @auth0/nextjs-auth0 # yarn Cleanup I will delete ever...

Avneesh Agarwal

4 months ago

1
Select One:

Edit any Github repository on the web without installing anything😱

Hey there πŸ™‹πŸ»β€β™‚οΈπŸ‘‹πŸ», Github released a new feature recently. If you go to any GitHub repository and click on the . on your keyboard, you will be able to see a web version of Visual Studio Code...

Avneesh Agarwal

4 months ago

1
Select One:

Accept payments through Stripe in a Next.js app

Introduction Did you ever want to create an e-commerce platform and earn through it? %[https://media.giphy.com/media/MX2lLeuGdWABSTt8ie/giphy.gif] One of the most tricky parts would be accep...

Avneesh Agarwal

4 months ago

1
Select One:

Create an infinite scrolling animation with CSS πŸ’₯

You might have seen an infinite autoscrolling animation on a website with some logos. This scrolling animation looks really good. So let's see how we can do that ** Creating a container wit...

Avneesh Agarwal

4 months ago

1
Select One:

Loading More Content