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

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 %} Liv...

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

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

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

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

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

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

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

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

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

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