It's All About (The) Next.js Api routes (Part-2) Members Public

This article focused on retrieving the data from the database (in the Next.js api routes) and return the JSON object to the browser. It proves Next.js is absolutely a full-stack framework.

Ashutosh Kukreti
Next.Js

It's All About (The) Next.js api routes Members Public

When you create the Next.js application, you can see the "api" folder. Before proceedings, a few things about the API folder. It is to write the server-side code for our application.

Ashutosh Kukreti
Next.Js

How to Improve SEO in Next.js Members Public

In this article, we learn how to make an SEO-friendly Next.js application. First of all, we need to create the Next.js app. If you are new to Next.js, please follow this post to generate Next.js application scaffolding.

Ashutosh Kukreti

Two Ways You Can fetch client-side data in Next.Js Members Public

In Next.js, sometimes pre-rendering the page doesn't make sense and, it is the need of the hour to fetch the data on the client-side. For ex- the frequently updating data like the stock data, or the currency exchange prices, or the commodities prices.

Ashutosh Kukreti
Next.Js

Howdy NextJS getServerSideProps()? Members Public

In Next.js, There are two ways to pre-render a page: Static Server-Side Pre-rendering

Ashutosh Kukreti
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