next.js Archives - 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 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
No 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 […]

October 4, 2021October 4, 2021
No Comments

Fetch or Call API with Change in URL Parameters – Next.js

Next.js

If we are developing an app using the Next JS framework, we may need to fetch data from the backend or make an API call with any change in URL parameters. Here we will discuss the steps to solve this use case. URL parameters are […]

October 3, 2021October 4, 2021
No Comments

How to Add Title and Meta Tags for Each Page in Next.js

Next.js

In the case of React, we need to install a package called react-helmet to add title and meta tags for each router component. Also, for adding routes or multiple pages in a react app, we need a package called react-router-dom. But here in this article, […]

September 5, 2021December 6, 2021
1 Comment

How to Use Context API in a Next.js App

Next.js

Technology is changing day by day. After the success story of the React.js library, developers are behind a React.js framework which is Next.js. Next.js helps to build production-ready web applications in record time. Popular companies like Netflix, Tiktok, Hulu, etc. are using Next.js already for […]

July 23, 2021September 5, 2021
No Comments

How To Create A Multi-Page Website With Next.js

Next.js

Next.js is a framework of React that helps to build production-ready web applications. You might get confused a bit while reading this title. Because we know that React.js is designed to build Single Page Applications(SPA). Here we will discuss the steps to create a multi-page […]