Techomoro

December 11, 2021November 26, 2022
No Comments

Create a Multi-Step Form with React and Recoil

React

We could see multiple steps when filling a form or signing up on a lot of websites. Here, we will discuss the steps to create a multi-step form with React and Recoil state-management tool. Prerequisites Before continuing this article, I assume that the reader has […]

December 9, 2021November 28, 2022
3 Comments

Submit Form Data to REST API in a React App

React

Sometimes we might need to submit form data to a REST API in a web app. This is a simple article that explains the steps to submit form data to REST API in a React app. Prerequisites Before continuing this article, you must learn the […]

December 8, 2021December 8, 2021
No Comments

Connect MongoDB Atlas with MongoDB Compass

MongoDB

If your app is using MongoDB, MongoDB Atlas is the best method to host it. We can easily deploy a database and manage it in MongoDB Atlas. It provides a versatile tool MongoDB Compass to interact with the DB using GUI. Here we will discuss […]

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, 2021December 6, 2022
3 Comments

How to Connect MongoDB Atlas with a Next.js App

MongoDB

Next.js framework is trending among front-end 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 a Full Stack framework. Here we are discussing the steps to connect MongoDB Atlas with […]

November 20, 2021December 7, 2022
2 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 embed the Google Map location. This makes our customers easily spot our business. Here we will discuss the steps to add or embed a Google Map location on a React app. Prerequisites The […]

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, 2021December 8, 2021
No Comments

How to Add Google Analytics to a Next.js website

Next.js

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, 2021December 8, 2021
2 Comments

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

Next.js

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, […]