Next.js Archives - Page 2 of 3 ← Techomoro

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

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 27, 2021October 27, 2021
2 Comments

How to Create a Progressive Web App (PWA) using Next.js

Next.js

People are in love with native apps instead of web applications. Android/iOS applications are booming. In the same manner, desktop applications are accessible more easily than accessing it from a browser. There is an easy way of converting our web apps to native desktop or […]

October 26, 2021October 26, 2021
1 Comment

9 Steps to Deploy a Next.js App as Static Pages on a Cloud Server

Next.js

We can easily deploy a Next.js app using Vercel and it is also the best way. But, if we have an intention to deploy a Next.js app as static pages on a cloud server like digital ocean, Vultr, etc., this article will help you. Prerequisites […]

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