How to Improve SEO in Next.js Paid 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.
Two Ways You Can fetch client-side data in Next.Js Paid 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.
Howdy NextJS getServerSideProps()? Paid Members Public
In Next.js, There are two ways to pre-render a page: Static Server-Side Pre-rendering
What is getStaticPaths() in Nextjs? Paid 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.
What is getStaticProps() in Nextjs? Paid 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.
Reusable Components (Headers and Footers) in Next.js Paid 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
Next.js File Based Routing (Dynamic Routes and Navigation) (Part-2) Paid 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.
Next.js File Based Routing (Part-1) Paid 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.
