The Motive of the article is to show some features of postman which are unknown to many users. First Tip : Using Variables Using variables feature in postman allows you to store a value into a variable and reuses that variable in your request. The advantage is if you need to update the value, you…

Introduction Redundant calls of the same API from the Next.js application are typical behavior. It could happen while updating the component or by traversing from one page to another. This repeat calling of the same API will cost us more money and affecting the app performance also. We could avoid this…

Introduction Next.js is a React framework for making front-end applications, and Sanity.io is a headless CMS. This article aims to provide basic information to create a blog with these two technologies in a simple as possible manner. We won’t make a fully-fledged blog here; we only walk through the required configuration…

Functions that requires high computation power

Typically, it is impossible to import modules based on the condition. Whenever a page loads, all the imported modules on that particular page also get loaded. const allowImport = true; if (allowImport) { import DynamicComponent from "../components/hello"; } export default function Home() { return ( <div> <DynamicComponent /> </div> )…

Dynamic Routing means we don’t want to specify static routes for the pages; it would be dynamically generated using data from API or other means. Consider you build a portfolio site it might have pages like about, contact, and home page we required to define routes for each page statically…

With plain React, the HTML to render is produced on the client-side, so search engines must execute the JavaScript code for getting the HTML. Next.js has a pre-rendering feature that the HTML supposed to render is produced on the server-side then sent to the client-side. This pre-rendering feature provides improved…

A Beginner’s Guide — Why Next.js Creating a react app from scratch required installing Webpack, Babel, React, and connecting React components towards DOM. While using Next.js, the command create-next-app do all the configuration automatically and provides us with a production-ready app. Usually, search engine crawlers fail to extract data from websites built with JavaScript because it…

Earn passive income by selling art Introduction If you are an artist or makes arts as a hobby, this article could guide you on creating passive income by selling your artwork. We are going to cover the following topic : How to make an online store without any cost Marketing your…