Hero

Latest

Scroll-Reveal/Hide Animation with Intersection Observer in Next.js

In this tutorial, we’ll unravel the secrets behind creating captivating on-scroll effects that seamlessly elevate the user experience.

Open
Next.js Contact Form Tutorial: MongoDB Integration and Docker Setup

Next.js Contact Form Tutorial: MongoDB Integration and Docker Setup

Creating a contact form using the Next.js, MongoDB and Docker step-by-step on setting up a contact form that stores user messages in a Mongodb database

Creating a Responsive Image Carousel in Next.js: A Step-by-Step Guide

Creating a Responsive Image Carousel in Next.js: A Step-by-Step Guide

In this quick tutorial, we'll explore how to create a simple yet cool image carousel using Next.js

Creating Confetti Animation in Next.js: A Step-by-Step Guide

Creating Confetti Animation in Next.js: A Step-by-Step Guide

In this quick tutorial, we’ll walk through the process of creating a simple yet cool confetti effect in a Next.js application.

Building an Image Magnifier Effect in NEXT JS: A Step-by-Step Guide

Building an Image Magnifier Effect in NEXT JS: A Step-by-Step Guide

In this tutorial, we'll build a custom Image Magnifier component using Next JS. Let’s dive into the step-by-step guide to creating your own Image Magnifier component.

Building a Custom Cursor in Next.js 14

Building a Custom Cursor in Next.js 14

How to create a custom cursor for your Next.js application. This custom cursor was to follow our main cursor and dynamically change its color based on the type of element it hovers over.

Simple Elliptical Animation with Canvas in JavaScript

Simple Elliptical Animation with Canvas in JavaScript

How to create a simple animation using JavaScript and HTML5 Canvas using ellipse and circle. Specifically, we’ll focus on drawing ellipses and animating circles around them.

Building Real-Time Views Component: A Socket.IO and Next.js Tutorial

Building Real-Time Views Component: A Socket.IO and Next.js Tutorial

Build a simple real-time views component in NEXT JS powered by Socket.IO and Node JS. Socket programming facilitates real-time communication between a server and clients.

Build an OTP PIN Input Component for NEXT JS App

Build an OTP PIN Input Component for NEXT JS App

In this post we'll build a simple and interactive PIN entry component in NEXT JS 13 (TypeScript) commonly used for entering a one-time password (OTP)

Learn Git in a Practical Way

Learn Git in a Practical Way

Git is a free and open-source version control system.We will learn git in a practical way, by taking an example

Solidity: Multisig Demo using our Bank smart contract

Solidity: Multisig Demo using our Bank smart contract

We will use the multisig (multisignature) concept to approve the Fixed Deposit claims.

Solidity: Fixed Deposit feature in our Bank Smart Contract

Solidity: Fixed Deposit feature in our Bank Smart Contract

Fixed Deposit feature in our bank smart contract using solidity, which will help you learn how we can interact with another contract and understand block.timestamp

Solidity: Understand Re-entrancy attack by building a Bank Smart Contract

Solidity: Understand Re-entrancy attack by building a Bank Smart Contract

we will be building a smart contract for a bank using solidity and heist it to understand the reentrancy attack.

How to build ERC 20 Token and Faucets Dapp

How to build ERC 20 Token and Faucets Dapp

We will learn to build our own ERC20 token and a faucet Dapp(Decentralized App) using which we can interact with our contract.

How to add Web3 Authentication using NEXT JS & MetaMask?

How to add Web3 Authentication using NEXT JS & MetaMask?

Hello friends, today in this post we will work on web3 authentication using NEXT JS and MetaMask without using any libraries.

Simple Full Stack Products CRUD App using React, Node JS & MySQL

Simple Full Stack Products CRUD App using React, Node JS & MySQL

Hello friends, Today in this post we will learn how to build a simple Full Stack Products CRUD App using React, Node & MySQL.

Learn React JS by building this one Web app

Learn React JS by building this one Web app

We will learn React JS by building and trying to implement React concepts in this Quiz web app, after doing this you will be confident about building your own web apps.

How to create a Meta Tag Validator by scraping the website in NEXT JS

How to create a Meta Tag Validator by scraping the website in NEXT JS

Build a meta tags validator by scraping the website using NEXT JS which will help you to learn about Next JS API, regular expressions, web scraping

Let's build a Sorting Visualizer using React - Part I

Let's build a Sorting Visualizer using React - Part I

Hello friends, I am back with a new project where we will build a sorting visualizer using React JS. Sorting Visualizer helps to strengthen your React skills.

Improve your loop and problem-solving skills by solving these patterns

Improve your loop and problem-solving skills by solving these patterns

Hello friends, Today in the post we will work on improving our loop as well as problem-solving skills by solving various patterns.

How to create a memory game in NEXT JS ?

How to create a memory game in NEXT JS ?

Today We are going to see how we can create a memory game using NEXT JS which is an excellent project for beginners to get started with learning NEXT/REACT JS.

Linux commands that you should know as a Web Developer

Linux commands that you should know as a Web Developer

Hello friends, Today in this post we will see the Linux commands that you should know as a web developer and also help in learning Linux if you are a beginner.

Understanding Debounce by building an awesome search filter in NEXT JS

Understanding Debounce by building an awesome search filter in NEXT JS

Today we will understand one of the important concepts of Javascript Debounce by creating a search filter using NEXT JS for blog posts.

Create a NEWS App using Next JS and React Query

Create a NEWS App using Next JS and React Query

Hello Friends, Today in this post we will learn how to create a news app using NEXT JS and a popular react package react-query.

Regular Expression (Regex) Essentials for Developers

Regular Expression (Regex) Essentials for Developers

Today, we will learn about a regular expression that you need to know as a developer which has a variety of use cases in validating emails, phone numbers, etc.

How to create a contact form in Next JS and Firebase?

How to create a contact form in Next JS and Firebase?

Today we will see how to create a contact form in NEXT JS and Firebase to learn about Form handling, integrating NEXT JS application with firebase, etc.

Build PWA (Progressive Web App) with Next JS under 1 minute

Build PWA (Progressive Web App) with Next JS under 1 minute

Today we will learn how to create a PWA(Progressive Web Application) with NEXT JS. I also followed this same procedure to make my website a PWA.

Important Meta Tags that you should have on your website

Important Meta Tags that you should have on your website

Today we will understand important meta tags that you should have on your website to improve SEO and feel free to use our meta tag generator to speed up.

How to create a responsive navbar in NEXT JS?

How to create a responsive navbar in NEXT JS?

Hello friends today in this post, we are going to learn on implementing a responsive navbar in your NEXT JS Application.

How to create a Tic Tac Toe Game using NEXT JS?

How to create a Tic Tac Toe Game using NEXT JS?

Hello friends, Today in this post we are going to see how we can create a tic tac toe game using NEXT JS. Tic Tac Toe is an excellent project to get started

How to add push notification in a Next/React JS App?

How to add push notification in a Next/React JS App?

Hello friends, Today in this post we will see how we can setup onesignal push notification with our React/NextJS application.

Newsletter Subscription using NEXT JS and Mailchimp API

Newsletter Subscription using NEXT JS and Mailchimp API

Hello friends, Today in this post we will see how we can setup mailchimp newsletter subscription with our NEXT JS application.