What is AJAX? Ajax ( Asynchronous JavaScript and XML ) has been in web development as a way of communicating between the front end and the back end of web applications for quite some time. With Ajax, the frontend pages do not need to reload after it makes requests to the backend. Chances are quite high, even as …
In this post, I am going to introduce GitHub Actions. If you are new to GitHub action this is a good place to start. I assume that you have a basic understanding of GitHub and some working knowledge of it. What are GitHub actions? What are the components of GitHub Actions? Before you use GitHub …
Basics of GitHub Actions for developers under 10 minutes Read More »
What is SVG SVG stands for scalable vector graphics, an open web standard for creating graphics. It uses XML to create two-dimensional vector graphics. It is compatible with other web technologies such as CSS and JavaScript. Benefits Can be created and edited even in a simple text editor Can be searched and indexed by search …
A simple guide to Scalable Vector Graphics ( SVG ) for devs Read More »
What are webhooks? A webhook is a way for an application to communicate with other external applications. Apps use webhooks to send automated messages or information to other apps. For example, Payal would tell your accounting app whenever a client pays you, Twillio routes phone calls to your number, and WooCommerce can notify you about new …
Full-stack apps built with Next.js has three aspects of authentication: client-side authentication, server-side authentication, and API route authentication. I have discussed client-side authentication in a previous post. In this post, I will be discussing Server-side & API routes authentication in NextAuth.js. How does server-side authentication work? The browser sends a request with a user session …
How to implement authentication for SSR pages & API routes in Next.js Read More »
Authentication in Next.js Apps falls into two broad perspectives Page authentication Client-side Server-side API route authentication Before you implement any authentication, you need to have a clear understanding of what data-fetching strategy you are going to use in your app. you can read about data-fetching strategies in the following posts. SSG, pre-rendering and getStaticProps server-side …
How to set up authentication on the client-side in Next.js Read More »
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 …
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 …
