Next.Js

What is getStaticPaths() in Nextjs? Members Public

In the last article, we learn how to use getStaticProps() in the Next.js application. In Next.js, we can pre-render a page during build time. We generate all the HTML code and data in advance. And the data is later cached by the server.

Ashutosh Kukreti
Next.Js

What is getStaticProps() in Nextjs? Members Public

Next.js has an advantage over React apps on page pre-rendering. Please visit this link if you don't know server-side rendering. In Next.js, we pre-rendered a page during build time. What does it mean? It means we generate all the HTML code and data in advance.

Ashutosh Kukreti
Next.Js

Reusable Components (Headers and Footers) in Next.js Members Public

Reusable components are used multiple times in a single project. Or we can also say that they are the general components like Header, Footer, Button, etc. In this article, we see how to create reusable components in Next.js. Let's create the app using: npx create-next-appThe app will run at

Ashutosh Kukreti
Next.Js

Next.js File Based Routing (Dynamic Routes and Navigation) (Part-2) Members Public

There is an administrator whose job is to maintain the web application. He can create, edit, delete application users. It means we need to update the same component but for different parameters. Here dynamic routing comes into the picture.

Ashutosh Kukreti
Next.Js

Next.js File Based Routing (Part-1) Members Public

In traditional React apps, we need to install the React-Router first, and we need to write a code at least a few lines to set up the routes and navigation. However, in Next.js, routing is the core feature.

Ashutosh Kukreti
Next.Js

What is Server-Side Rendering in Next.js? Members Public

What is Server-side rendering in Next.js? The first thing that comes to our mind, what is server-side rendering? What does it mean? The server-side rendering means server prepares all the content of the web page. The client's only responsibility is to show the content on the web page. To

Ashutosh Kukreti
Next.Js

Setup Mojolicious using Vagrant Members Public

In this article, we cover how to set up the Mojolicious development environment using the Vagrant. We also cover: Installation of VirtualBox Installation of Vagrant Create Vagrantfile Execute vagrant

Ashutosh Kukreti
Next.Js