Page Speed Optimization Guide 2026: Improve LCP, INP and CLS
Learn practical page speed optimization techniques for 2026 with Core Web Vitals, image optimization, JavaScript performance, caching, fonts, third-party scripts, and real code examples.
Next.js
6 articles
useState or useReducer? A Complete Guide to React State Hooks
In this tutorial you will learn when to prefer React’s useState—ideal for simple, independent state like counters, booleans, or single values—and when to reach for useReducer, which centralizes complex updates in a pure reducer, manages nested objects and multi-field forms, supports context-based dispatch, yields testable, predictable updates, and can optimize performance. You’ll see practical code examples, common pitfalls to avoid, and a decision cheat-sheet to guide your choice.
How to intercept JavaScript Fetch API requests and responses
When working with JavaScript Fetch API, you may want to intercept requests and responses to add custom headers, modify the request or response, or log the request and response data. In this article, you will learn how to intercept Fetch API requests and responses using the Fetch API interceptors.
How to Setup Queue Jobs in NextJs with BullMQ
Learn How to integrate BullMQ with Next.js to create a background job queue for processing tasks in the background. We will setup the BullMQ queue, create a job, and process the job in the background.
How to implement Schema.org with Next.js Project
Search Engines like Google, Bing, Yahoo, etc. has their own algorithms to rank the web pages. They consider many factors like content, keywords, website speed, etc. to rank the web pages. You can optimize your website to rank higher in search engines by following some SEO techniques. they go through the content of the page and try to understand the context of the page. You can help them by providing explicit clues about the meaning of a page, by including schema structured data.
Build a Scalable Architecture for Next.js Project
While I was building my personal website (This Website), I read many articles about nextjs project setup and architecture that is scalable. while there are many options available out there, I choose the architecture for my website that is not very complex but scalable. I thought I should share this with other developer as well who are looking for a scalable architecture solution for their nextjs project. If you find this tutorial helpful, please share it with your friends and colleagues! Don't forget to follow me :-)
Vishal Garg
Categories
Last Project
Lognitor
Lognitor is a comprehensive log management and monitoring solution that offers a wide range of features to help you manage your logs effectively. With Lognitor, you can easily collect, analyze, and visualize your logs in real-time, making it easier to identify and troubleshoot issues in your applications.
View project