Techomoro

November 22, 2021November 22, 2021
No Comments

Connect Multiple MongoDB Databases in a Next.js app

MongoDB

We know that the Next.js is framework is way better than the React.js library. As a full-stack framework, Next.js can handle both frontend and backend. We can create API routes and connect databases to our app. Here we will discuss the method to connect multiple […]

November 22, 2021November 22, 2021
No Comments

How to Connect MongoDB Atlas with a Next.js App

MongoDB

Next.js framework is trending among frontend developers. Built-in Server-Side Rendering (SSR) makes it easier to crawl the pages for search engines. More than any other features, Next.js can be considered as a Full Stack framework. Here we are discussing the steps to connect MongoDB Atlas […]

November 20, 2021November 20, 2021
No Comments

Add or Embed a Google Map Location on a React App

React

When building a business or portfolio website, we are sometimes required to show the location of the business in a Google map. Then it is easier for the customers to spot the location. Here we will discuss the steps to add or embed the Google […]

November 16, 2021November 17, 2021
No Comments

Scroll Page to the Top When Change in States or Props or URL Params – React

React

Assume that you are working on a product details page for an E-commerce website made using React. You scroll down to the related products section and click another product. The product and the URL change but the page do not scroll to the top. So […]

November 15, 2021December 1, 2021
No Comments

Change Navbar Style With the Scroll in a Next.js Website

Next.js

People love modern websites with perfect color combinations and animations. Here, we will discuss the method to change Navbar Style with mouse scroll in a Next.js website. Prerequisites The reader should be aware of the following technologies:- JavaScript ES6 Basic CSS React.js library Nex.js framework […]

November 14, 2021November 14, 2021
No Comments

How to Add Google Analytics to a Next.js website

React

We know how important Analytics data is for the growth of a business or website. Let’s have a look at the ways to add Google Analytics to a Next.js website. Prerequisites To continue with this article, you must have basic knowledge of the Next.js framework […]

November 14, 2021November 14, 2021
No Comments

How to Add an XML Sitemap in a Next.js App

React

We know that Search engines like Google, Bing etc. wants to crawl our website links to be get listed in the search results. A sitemap is not necessary for this task. But having a sitemap.xml file on your website will make this process easier. Here, […]

November 13, 2021November 13, 2021
No Comments

Render Dynamic Title and Meta Tags in a Next.js App

React

It is always happy to see our website when searching Google or any other search engine. Other than a React app, Next.js is bundled with Server Side Rendering(SSR) which is good for SEO. But if we are using the Next.js framework incorrectly, it will not […]

November 13, 2021November 13, 2021
No Comments

How to Use Recoil State Management Tool in Next.js

React

We have already done an article How To Use Recoil State Management Tool In React that explains the basic terms in Recoil and much more. Here in this article, we are going to take a look at the steps to use the Recoil state management […]

November 13, 2021November 13, 2021
No Comments

How to use Recoil State Management Tool in React

React

And finally, the creators of Facebook have come up with a state management tool to replace the redux. Here in this article, we will discuss the steps to use the Recoil state management tool in a React app. Prerequisites To follow this article, the reader […]