This post will discuss optimizing and delivering image assets with Netlify-plugin-cloudinary in a Next.js application.

Optimize with Netlify-plugin-cloudinary in Next.js

Images make up a large portion of the overall web traffic. On Instagram alone, over 95 million photos are shared daily. Delivery images in a fast and efficient way can improve the overall performance of a web application. In this article, we will cover some techniques that can be used with Cloudinary to make this seamless. We will demonstrate how one can use Cloudinary to speed up their web apps. At the end of this article, we will have a web application that loads faster retain more users, and provides a better user experience.


Laravel Image Optimization Using Cloudinary

In this Mediajam, we shall create an eCommerce sample application and add stripe integration to it. Once the transaction is successful an email containing the transaction receipt and the product images will be sent to a user's email as proof of purchase.  


Stripe-Cloudinary Transaction Receipts Generator

Learn how to handle image asset bundling with Vite in Reactjs. Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.

Handle Image Asset Bundling using Vite in React

Learn how to handle image asset bundling with Vite in Vuejs. Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.

Handle Image Asset Bundling using Vite in Vuejs

Learn how to build a responsive image carousel using the Next.js  and Cloudinary.

Animating Next.js Images With Framer Motion 

Build an audio enhancer for videos using Cloudinary and Dolby

Enhance video quality with Dolby

Docusaurus is a static site generator that provides various features for creating and maintaining documentation.
In this article, you will learn how to spin up a Docusaurus project and add an optimized image to your documentation through Cloudinary.

Adding Optimized Images to Docs in Docusaurus

This article explains how to optimize images in React.js applications using image-webpack-loader, enhancing our application speed and providing a better user experience.

Optimize images using webpack in React

MDX, the powerful authoring format that lets you write JSX content inside of your markdown content, is an amazing tool to deliver interactive experiences to your readers. 

There are a few problems that you can encounter when using Gatsby and MDX, however. For example, if you want to use Gatsby image preprocessing capabilities with a featured image from your `frontmatter`, you need to tap into the Gatsby build system through the `gatsby-node.js` file to retrieve the image and create the corresponding Node. But what if you want to use the filesystem routing API from Gatsby instead?
