Hosting an event with cool merch? Running a printing business? In this article, we review how we can create a t-shirt design visualizer with some dynamic features such as color options.


Clothing Design Visualizer

In this Mediajam, we’ll explore a simple way to receive and display the tweets in real-time as they are sent using Pusher, Zapier, and Cloudinary.


Realtime tweets visualizer with Pusher and Zappier

It is estimated that 66 percent of workers claim their firms have little or no explicit data protection policies or technology in place, despite expanding data privacy requirements for how information is gathered, saved, used, and shared. As a result, most organizations continue to use non-standard techniques to obfuscate content, relying on manual methods to anonymise sensitive data and thereby nullifying the chance for analysis and insights.

Reducing Data from Scanned Document with Next.js 

A digital event meetup banner built with Next.js

Create a Custom Meetup Banner in Next.js

In this article, we will explore how we can build a dynamic favicon with JavaScript.

 Build Dynamic Favicon with JavaScript

Do you have an extensive wedding invite list and need an easy way to invite everyone? Are you an event organizer who regularly needs to send out invitations to your attendees? In this article, we review how we can dynamically create invitations and send them out in Nuxt.Js.

Wedding invitation app in NuxtJS and Nodemailer

Promoting your content on social media is an important part of the publishing process, but as anyone who has attempted to share their work online knows, social media is a black hole of content. It's really easy to publish, and then see your work lost in the endless stream of tweets and posts. But by sharing images or "Open Graph Images" for your content, you can stand out more!

Automatically Generate Social Sharing Images

Public competitive sales have always been a key component of our society from expensive jewelry to salvage cars. Having auctions online allows us to reduce costs while increasing the geographic limits of our attendees. In this article, we explore how we can build an app to enable live product auctions.


Real-time product-auction NuxtJS app & Supabase

In this article, we'll look at how to optimize images for various screen sizes using the srcSet and sizes HTML attributes by building a simple photo album application with React. We will also take advantage of Cloudinary's URL transformation feature to automatically generate images of different sizes without duplicating or modifying the images for each screen size.

Image Optimization with Cloudinary

Social media is amongst the main sources of website traffic in this day. Let us learn how we can ensure our websites look elegant by dynamically generating relevant social sharing images. 


Automatic Social Share Images

In this article, we’ll learn how to use Gatsby Functions to make API calls and get a response in our Gatsby App.

Fetch and Update any Company Logo in Gatsby

Screenshots let you capture exactly what you're seeing on your screen to share with others or reference later. This article will demonstrate how much can be achieved using PHP and also manipulate Cloudinary services with such a service

Capture Any Website Screenshot Using PHP

Document processors like Microsoft Office are the de facto standard for producing and formatting documents. When transmitting information such as statements or invoices, even its most passionate customers seek extra features and usefulness from online file converters to make PDFs. The reason for this is that word documents can be edited, whereas PDF documents cannot. The same may be said about how PDF documents maintain their formatting across numerous devices.

How to Convert Documents to Images

In our complex world of constant user-generated content, you may want to analyze images to determine many things from quality to accessibility to semantic data. This is a complex task for a JAMStack website, but nonetheless possible. Let us build a simple Nuxt.Js app to do this

Analyzing images in a NuxtJS app

Learn how to transform Word documents to images into a Next.js application using Cloudinary and Aspose.

Transform Documents into Images using Next.js APIs

When building a weather app with weather sharing capabilities, it is important we allow our users to easily share brief insightful images of the weather conditions. In this article, we explore how we can achieve this using open weather APIs.

Dynamic Weather Cards in NuxtJS

With internet users now having multiple accounts with many social media platforms, the use of social media authentication has now increased. When a user signs up using Facebook, for example, the fewer details they manually need to input the better. This is why we need to fetch data such as profile pictures automatically, instead of asking them to upload different ones. Let’s explore how we can do this easily in Nuxt.Js.

Create Social Media Profile Pictures with Nuxt.js

With virtual and physical events happening every weekend, the need to have interactive features such as dynamic tag generators has increased.
In this tutorial, we learn how we can generate virtual tags/badges dynamically. This tutorial is fully inspired by [Jamstack Conf](https://jamstackconf.com/badge/make/)'s badge maker. The resources and the designs are obtained from their website. Feel free to register as well ;-D

Virtual event badge using Cloudinary and Nuxt.js

Google Cloud’s Vision API allows us to derive insights from our images in the cloud. We will use this API to tag and classify our images in Nuxt.Js and Cloudinary.


Tag and classify images using Google's Vision API 

Open Graph images utilize metadata from websites to display the webpage content, where the site's URL is shared.

Manage Open Graph Images in Remix

This article describes how to read text characters from a webcam and save them online for future use.

Extracting Webcam Text with Next.JS

Whenever we need to deliver image content to our users, depending on business requirements and the user’s device configurations, we may need to switch formats. This is especially true for image/PDF formats. In this article, we review how we can easily achieve this.

Nuxt.js Image to Pdf Converter

Every business always has a change in staff on an annual basis. Contacting the graphic designer for new designs and new cards is always a hustle. In this article, we review how we can develop a digital business card generator to remove the hustle from this process.


Digital business card generator using NuxtJS

There are many scenarios in which you want to present website screenshots in a neat manner. This can be when displaying your portfolio as a consultant or consulting company to when you want to show your company’s platform on a pitch deck. In this article, we review how we can achieve this in a Nuxt.Js app.

Website screenshot framing in Nuxt.Js

This article demonstrates how a human character can be extracted from a video using nextjs and TensorFlow.

Character Remover from video in Next.js

Getting profile images seems like a simple task until we realize that most users just have normal solo photos of themselves. This means that they are not just headshots and the user’s face can be anywhere in the image. We thus need a smart way to obtain the headshots from user uploads. Let us learn how we can build this into our applications.


Nuxtjs Profile Picture Generator

When a webpage loads several images, especially of small sizes, the requests can become quite costly. If we combine them into a single image, we reduce the load on our server as well client load time. Creating sprites can be challenging as well as consuming them. Let us learn how we can easily use them in a Nuxt.Js app.

Optimizing image loading using sprites in NuxtJS

This article explains how to use nextjs to find certain objects within an image file.

Identify Object in an Image with Next.js

Convert string/text to a photo of a handwritten notebook page using Cloudinary + Next.js


Convert text to handwritten pages using NextJS

A collage is a combination of multiple pictures combined into a single image. They are useful in various applications from presenting memories to summarising events. Instead of exploring multiple applications to generate collages, let us explore how we can build a simple NuxtJS app to generate them.

Generating image collages

A meme generator is a video or image maker that allows you to add custom resizable text to images. In this Mediajam we shall build one using Next.js and Cloudinary.