JAMstack Resources and Guides

Working with styled-components in the Next.js

Styled-components is a popular CSS-in-JS library that allows you to write component-based styling in your React projects. When combined with the capabilities of Next.js, the result is a powerful…

It’s 2023 Now! React State Management: Context or Redux, Which Side Are You On?

Hi there. Today, I am going to discuss when to use what and why. Before I lay down my points and the foundation of my discussion, I would like to first get all of us on the same page about what…

The Right Way to Detect Mobile Breakpoints in Next.js

How to make useIsMobile hook in Next.js

How to add a key to an object in JavaScript

Gracefully Handling Parallel API Requests in JavaScript

How to Download Files with JavaScript

Support for downloading files is a very common feature of web application. Over the past few years, I have developed this feature many times. In this article, we will learn how to download files…

How to Remove Undefined Values from Objects in JavaScript

I’ve often found myself working with data that contains undefined values. These values can cause issues with data manipulation and can lead to unexpected behavior in your code. In this article, I’ll…

I Built a Serverless Live Chat App with Next.js, Fauna, and WunderGraph for GraphQL Live Queries

A Step-by-Step Guide to creating a Scalable, Real-time Chat App using Serverless technologies - React, NextJS, Fauna, WunderGraph, with NextAuth.js for OAuth.

How to Get Today's Date in JavaScript

How to Create Guarded Routes using React Router v6

If you have worked on a React App with React Router Dom, you would have felt the need to restrict user access to some specific part of your app. It can be authentication-based, permission-based, etc…