Posts by William Imoh

Over time, engineering efforts have been put into developing more performant web applications. Jamstack technologies like Next.js came from this need. JAMstack technologies like Next.js emerged from an interest in improving the performance of modern web applications. This article will show you one way to improve…

The rise in performance, decoupling, and security requirements of web-based software led to the rapid adoption of the Jamstack. With this rapid adoption came the need to support all aspects of the architecture, including technical content. The Hackmamba Jamstack Content Hackathon was…

Gatsby, an open-source tool for building high-performance JAMstack apps, boasts numerous plugins that extend its capabilities. For example, by leveraging Gatsby’s source plugins, we can source data from multiple services, APIs, and even Excel spreadsheets. Cloudinary is a cloud-based, end-to-end media-management platform on which you can store, dynamically optimize,…

Videos are a powerful visual medium that fosters engagement by adding emotions and empathy. Web developers are often required to work with videos for websites or applications and must be equipped with the relevant knowledge and expertise. This article shows you how to add videos to a Next.js app…

Over the past 15 years, the video industry has undergone a significant change in video formats on the web. In particular, in the early 2010s, the 3GP format, which the 3rd Generation Partnership Project (3GPP) created for 3G-enabled mobile devices, went nearly extinct. The advancement of mobile…

If a picture is worth a thousand words, how about a video? Mixed content presentations currently have a higher conversion rate on desired outcomes when sharing information. Hence the combined use of video, image, and text content in blogs, tutorials, and even content marketing pages. This post will explore adding…

Even though a picture is worth a thousand words, it costs a pretty penny to store and deliver images online. Because of this, many modern web-development tools aim to minimize the impact of images, and other media assets, on site performance. This post shows you how to build an optimized…

Video presentations currently deliver robust user experiences on different platforms. Because of this, it’s often chosen as a go-to medium for sharing presentations, including product, educational, and entertainment content, among others. How do you track the data from engagements on your video content? This post discusses how to implement and…

You probably want to use a hosted image with Gatsby-image in your Gatsby.js project. You don’t need to have this image stored locally, and you won’t need to fetch it with a GraphQL query. We’ll see how in this jam. Part 1 of this project chronicles using remote images…

Interactivity is at the backbone of modern web pages. This includes collecting information on user interaction, handling form submissions, and managing interactivity on media assets. This post discusses how to handle user interface interactions with events from a Video on a Next.js web page. Next.js is a modern React.js framework…

Markdown is widely preferred as a means to create content. It provides a flexible system to make rich content while maintaining the simplicity of entering plain text. An additional benefit of writing in Markdown is the ability to specify Markdown document properties, and data, in the Markdown frontmatter. Frontmatter…

Wouldn’t it be cool to have the powers of Gatsby rendering performant pages and serving optimized and transformed media files from Cloudinary on the same site? That’s now a reality: I’m excited to introduce two Gatsby plugins on Cloudinary: Gatsby-Source-Cloudinary and Gatsby-Transformer-Cloudinary. Here’s the background. Given that the…