Skip to content

RESOURCES / BLOG / Guest Post

Results for Tag ‘Guest Post’

Convert Images to PDF Files With React-to-PDF Using Cloudinary

Topics Guest Post, Image, React
Read Time

From conveying deep messages to preserving memories and everything in between, images have become integral to the human experience. In this article, we’ll look at how to save uploaded images into a PDF file, making it easier to share multiple images without spamming the recipient while taking up less memory.

Improving the Performance of the Cloudinary Blog

Topics Guest Post, Performance, Website Speed
Read Time

Cloudinary is a performance-focused company, so when my Cloud Four colleagues and I were asked to rebuild their blog using WordPress, we also set our sights on improving the blog’s performance. The rebuilt blog was significantly faster than the old one, but there was still room…

Autoplay a Video on a Next.js Landing page

Topics Guest Post, Next.js, Player Video, React, Video
Read Time

In modern web pages and platforms, a less than stellar user experience could lead to a significant drop in conversion. This can be said for media content, including videos and images. So how do you improve the user experience of video content on your application? This article outlines how to…

How to Upload Multiple Images at Once in React

Topics Guest Post, Image, Javascript, React
Read Time

Ever implemented an upload file feature with React using an npm package, but it doesn’t have options for selecting multiple images? In thisarticle, we’ll solve that challenge by implementing a simple React app where users can select multiple images. Prerequisites You should have: Knowledge of JavaScript and React…

Upload and Display Images Using Prisma

Topics Guest Post, Image
Read Time

Sometimes you need to handle and manage images linked to information that’s stored in the database of your web application. We can improve and simplify both image management and data storage using two helpful products: Prisma and Cloudinary. In this article, we’ll create a Next.js app to…

Optimize Images in Next.js Using Custom Loaders

Topics Guest Post, Image, Next.js, React
Read Time

Next.js has a built-in Image Component that automatically optimizes images for your website or application. The default loader for Next.js applications uses the built-in Image Optimization API. This API optimizes images from anywhere on the web and serves them directly from the Next.js web server. Next.js provides a…

How to Implement Lazy Loading with Infinite Scroll

Topics Guest Post, Image, Javascript, React
Read Time

One of the major challenges we face as frontend developers is to efficiently manage large sets of data. “Efficiently” here means managing the data in a way that doesn’t affect the user experience negatively. The common way of handling this is with Pagination but the problem with pagination is that…

Handle Image Asset Bundling Using Vite in Vue.js

Topics CSS, Guest Post, Image, JAMStack, Optimize, Vue
Read Time

The by-product of human evolution with the internet has become ambitious web applications to cater for our ever-growing list of web application needs. As larger websites usually mean slower websites, Vite provides faster development experiences. Being platform-agnostic means Vite is versatile and can be used across various platforms, providing an…

3 Ways to Implement a Carousel in Next.js

Topics Guest Post, Image, Next.js, React
Read Time

Carousels, referred to as image sliders or sliders, provide an improved visual experience on websites by highlighting important aspects of a product, service or value proposition. This post discusses three different ways to add a carousel to our Next.js application. View the source code on Github here. Prerequisites To…

Start Using Cloudinary

Sign up for our free plan and start creating stunning visual experiences in minutes.

Sign Up for Free