Last updated: Apr 5, 2022

Next.js

Next.js is a react framework that uses React Library to build static and dynamic production-grade scalable applications. Next.js has many-inbuilt functionality which we can adopt without depending on external libraries like Hot code Reload, File-based Routing, SSR, SSG, Auto Code Splitting, Prefetching, Built-in ts support, etc. Next.js simplifies react app development with great features, it also allows us to write API routes on the same application, so we don’t require to create API separately. Which makes it perfect for the Node ecosystem also.
Introduction to Next.js
The following article provides a brief overview of one of the most popular and important JavaScript Frameworks known as Next.JS
Building First App in Next.js
In this blog, we’ll learn about Next.js, how to build a fresh app in Next.js and the packages required to run Next.js
Next.js Vs. React
We will be discussing Next.js and comparison with simple React in this blog.
Concept of zero-config in Next.js
In this article, we’ll see how to set up a Next app without manually configuring anything, i.e., zero-config in next.js. Then we will take a look at the boilerplate code and template provided by the setup.
Server-Side Rendering in Next.JS Using getServerSideProps MEDIUM
In this article, we will learn about Server-side rendering in next.js using getServerSideProps.
Static Page Generation using getStaticPaths in Next.js
In this article, we learn how to use getStaticPaths() in the Next.js application. We will also learn its applications and use cases.
Data fetching using getStaticProps
This article introduces you to data fetching and how to use getStaticProps with a detailed code and explanation.
Incremental Static Regeneration
This article introduces you to a data fetching strategy, Incremental static Regeneration, and how to use it with a detailed code and explanation.
Code Splitting in Next.js
The purpose of this article is to explain what coding splitting is and how to use dynamic imports to speed up Next.js applications. 
Fast Reliable/Hot Reloading in Next.js
The following article discusses the concepts of Hot Reloading in a Next.JS project in detail along with its working and some Debugging Techniques
Next.js Built-in CSS Support
This article introduces you to Next.js and built-in CSS support offered by Next.js with a detailed description and code.
File System Routing
This blog discusses the theoretical and practical implementation of file system routing in Next.js.
Writing Backend API Routes in Next.js
API (Application Programming Interface) in Next.js is a software intermediary that allows two applications to talk to each other.
TypeScript Support and Compatibility
This article discusses TypeScript Support and its compatibility with Next.js. We talk about why it is a good idea to learn about TypeScript Support and how TypeScript Support makes the life of a developer easier.
Styled JSX in Next.js
This article discusses Styled JSX and its uses. We talk about why it is a good idea to learn Styled JSX and how Styled JSX makes the life of a developer easier.
Middlewares in next.js EASY
In this article, we will talk about middlewares in next.js, how to implement it, API routes, authentication in middlewares, the difference between redirect and rewrite, rewriting using authentication, JWT user authentication, and lastly the limitations of middlewares.
Image Optimization using next.js
In this article, we will discuss how we can do image optimization in next.js.
Script Optimization
This article discusses Script Optimization and its compatibility with Next.js. We talk about why it is a good idea to learn about Script Optimization and how Script Optimization makes the life of a developer easier.
Error Page in Next.js
The error pages in Next.js highly optimise the performance of the website and give us a smooth experience.