CodeARIV

February 5, 2022April 20, 2024
No Comments

Deploy a Next.js App with Private Dependencies in Vercel: A Simple Hack

Next.js

In some projects, we use private dependencies. This will make our code clean and also protected. But when coming to hosting it, some providers will limit it. Here, we will discuss a simple hack to deploy a Next.js app with private dependencies in Vercel. The […]

January 31, 2022November 26, 2022
1 Comment

Multi Zones: Combine Multiple Next.js Apps

Next.js

When developing a big web project, we need a team. But when it’s a huge one, we can split the project into many and assign it to multiple teams. We can run each project separately and even host them on different servers. This gives teams […]

December 16, 2021November 26, 2022
No Comments

The Simplest Portfolio Website with Next.js and Make it Live

Next.js

I have set up a new portfolio website for myself. I am believing in simplicity and you could feel it while browsing through my portfolio website. Here in this article, I am sharing the steps to create the simplest portfolio website with Next.js and make […]

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, 2021June 13, 2024
5 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. If you are a visual learner, the YouTube video […]

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