nextjs Archives - CodeARIV

April 16, 2024June 9, 2024
No Comments

Creating a Blog with Strapi 4 and Next.js 14: Unleashing GraphQL and TypeScript

Next.js

In this article, we will be discussing how to create a blog by connecting Strapi CMS and Next.js 14 – App Router with GraphQL and TypeScript support. The latest version of Next.js 14 offers plenty of new features and changes compared to its older versions, […]

June 25, 2022April 20, 2024
3 Comments

Implement Push Notification in Next.js 12 with Firebase Cloud Messaging

Next.js

Push notification is one of the easiest ways to send offers, alerts, etc. directly to the user’s device or browser. We will discuss the steps to implement push notifications in a Next.js 12 app with Firebase Cloud Messaging (FCM). Prerequisites I believe that the reader […]

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

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

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
1 Comment

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

How to Install and Setup a Next.js App on Windows 10

Installation guides

The combination of React.js and the Create-react-app tool is the best for creating any web application. But when coming to production-ready web applications, it will give us a painful experience. Here, we have a framework built on top of the React.js library that helps us […]