This article discusses how to add cookie consent to a NextJs app using cookies-next package. Install the required packages: To install the package, type one of the following commands based on your package manager For npm: npm install cookies-next For yarn: yarn add cookies-next Cookie consent implementation: When there is no cookie present, the cookie consent popup…

This article discusses how to convert a HTML string into a PDF document in client side apps which uses ReactJs using jsPDF package. Install the required packages: To install the package, type one of the following commands based on your package manager For npm: npm install html2canvas jspdf For yarn: yarn add html2canvas jspdf Converting the HTML string to PDF Document: …

This article discusses how to read and parse a “.CSV” file in a React component. This is very helpful in building components like bulk upload details in react. Install the required packages: To install the package, type one of the following commands based on your package manager For npm: npm install csv For yarn: …

Netlify functions are AWS’s serverless lambda functions that allow you to define your business logic and functions as an API and expose them with an endpoint. But some of us developers need environments for the sake of development and deployment. The Netlify functions only take environment variables from the UI…

Hasura is an Instant GraphQL API generating engine, where all the base APIs are generated in microseconds when a DB is connected. Also, they provide support for integrating the business logics as well using “Hasura Actions”. Netlify functions are AWS’s serverless lambda functions that allow you to define your business…

While uploading the images to the block storage (or) S3 storage, the full images when captured through the phone (Pixel 3 or others) camera, has a size up to 3 MB. This consumes most of our time while uploading. So, I started looking into lossless compression techniques for images on…

The AASA (short for apple-app-site-association) is a file that lives on your website and associates your website domain with your native app. In other words, it’s a safe way to prove domain ownership to iOS for deep linking. There is no way to serve the apple-app-site-association from a react app…

Sign in with Apple was announced in 2019 and allows users to authenticate into your Firebase app with an Apple ID. Before you start make sure you have a firebase project and enroll yourself in the apple developer program. …

GraphQL and Websockets — Hey, guys! In this article, we are going to talk about using subscriptions in an Apollo-GraphQL client. Subscriptions are generally used to update the client in real-time rather than requesting the same GET call over and over again. To implement a subscription in a React app, we have to complete…