Next.js Archives - Page 2 of 3 ← CodeARIV

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

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

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