next.js Archives - CodeARIV

If we are using getServerSideProps in Next.js 12 for data fetching, it will call all the APIs for a single page including the header and footer APIs. But in most cases, we only need to call the header and footer APIs once when we are […]

April 1, 2022April 20, 2024
2 Comments

How to Set Up the 301 Redirect in a Next.js 12 App

Next.js

When switching from an old website URL to a new one, 301 redirection is necessary. Here in this article, we will set up a 301 redirect in a Next.js 12 app. In React, we need to use third-party packages for redirection. Because Next.js is a […]

April 1, 2022April 20, 2024
1 Comment

Generate Sitemap for Static and Dynamic Pages in a Next.js 12 App

Next.js

I have already created an article, How To Add An XML Sitemap In A Next.Js App. Then what is the importance of this article? In that article, I explained the method of adding an XML sitemap manually just for static pages in our Next.js 12 […]

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

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

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

Next.js

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

How to Use Recoil State Management Tool in Next.js

Next.js

We have already discussed how to use the recoil state management tool in a Nex.js app. It also covers the basics of the Recoil state management library. I strongly recommend referring to the article before continuing. Here we will discuss the steps to use the […]

November 3, 2021December 8, 2021
No Comments

How to Deploy a Next.js App on Vercel for Free

Next.js

In Techmoro, an article is there that explains the steps for deploying a Next.js app as static pages on a cloud server. But this has some limitations and it is also not the recommended method. Here in this article, we are explaining the simple steps […]

Tag: next.js

Make Header and Footer APIs Load Once in a Next.js 12 App with getServerSideProps