In this post, I will show you how to create Next.js API routes and how to make requests to those APIs from Frontend. Next.js API Routes Next.js is a production-ready React Framework You can write frontend code for user interaction and backend Rest API that handles requests and responses. Routing in Nex.js is based on […]
A quick guide to Next.js API routes and requests Read More »
What is on-demand ISR? On-demand ISR is a new feature added to the existing incremental static regeneration ( ISR ) in Next.js. Using ISR developers can reduce build-time in SSG. And most importantly, updating the cache periodically at a previously specified interval can resolve the issue of showing stale data on web pages. Although ISR
A simple & clear guide to On-Demand ISR in Next.js Read More »
sign up at mockapi.io Click on New project ( + ) and give it a name. You do not need to fill any optional fields. the name will appear on the Projects list. Click on the project You will now see your unique API endpoint Click on New Resource. Enter products the resource name, change
How to set up mock API at mockapi.io Read More »
Have you ever been in a situation where you can not rely on the default taxonomies WordPress comes with? Have you ever wondered what to do in such a situation? Don’t worry in this post I will show you how to organize and group your web content with custom taxonomies. What is a taxonomy in
How to create WordPress custom taxonomies Read More »
Client-side data fetching When there is a web page that shows user-specific data that does not need any optimization for SEO client-side data fetching is the way to go. In Next.js, just as in React.js, you can use the useEffect hook with async functions to fetch data and the useState hook to display them in
How to use useSWR for client-side data fetching in Next.js Read More »
What is Server-Side Rendering (SSR )? In this post, I will talk about one of the ways that Next.js pre-render web pages which is server-side rendering ( SSR ). Server-side rendering is not a new approach to web page generation. In fact, it is the traditional way of creating dynamic web pages. If you are
A simple guide to Server-Side Rendering in Next.js Read More »
Incremental Static Regeneration ( ISR ) is relatively a new feature in Next.js. It is immensely helpful for a developer, and greatly improves the performance of web applications. You need to have an understanding of getStaticProps and getstaticPaths to have a clear idea of ISR. Why do we need Incremental Static Regeneration? With SSG, the
The Ultimate Guide To Incremental Static Regeneration ( ISR ) in Next.js Read More »
What is getStaticPaths? getStaticPaths is another special function in Next.js used in conjunction with getStaticProps for dynamic routes. In other words, you can use getStaticPaths on a page that uses a dynamic route, and whenever you use this function on that page, there must be a getStaticProps function as well. [sample].js What is a Master-Detail
How to use getStaticPaths on dynamic routes in Next.js Read More »
What is pre-rendering? Next.js official documents say that Next.js, by default, pre-renders every page in the application. What does that really mean? It means that the web page that you see on the browser receives to the browser as an HTML page with minimal javascript required to add interactivity to each HTML page. A user
What do you know about pre-rendering, SSG,& getStaticProps in Next.js? Read More »
What is Next.js? Next.js is a production-ready React Framework. What does this really mean? if you are familiar with React, you know that you can not use React alone for production-ready applications. You need to add other supporting libraries as your web application or web design project requires. React is a library that is responsible
Learn Next.js setting up & routing in no time Read More »
