Skip to content

RESOURCES / BLOG

Blog - Page: 59

Get the latest news on the Cloudinary platform, solutions, and showcases.

How to Implement Infinite Scroll Lazy Load With React

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…

Image showing a screenshot demonstrating the React lazy load list on scroll set up with multiple images loaded

Automatically Loading High-Quality Images with Cloudinary and IntersectionObserver

Topics API, Image, Performance Optimization
Read Time

Web performance is, or should be, one of the top concerns for any developer. This is certainly not a new issue, but it is refreshing to see our community put more and more emphasis on this topic over the past few years. Even better, it’s great to see browsers add…

Formidable Showcases Flexibility of PUMA’s Tech Stack With Cloudinary

Topics Frameworks, Headless, Image, Video
Read Time

Sports company PUMA connects with consumers around the world, producing hip and contemporary footwear, apparel, and accessories that is a step ahead of the trends. A vital part of the brand’s appeal is PUMA’s hypercool, next-generation mobile and web experiences.   Part of staying ahead of the trends requires constant innovation,…

Cloudinary’s Multi-CDN Approach: The Whole is Greater Than the Sum of Its Parts

Topics CDN, Image, Multi-CDN
Read Time

A content delivery network (CDN) is a physically distributed infrastructure of interconnected points of presence (POPs) that cache content as close as possible to the end-user, thus offering the best performance and user experience.CDNs also boosts content reliability by shielding websites from most of the traffic. Even if the…

Vue Vite Image Handling | 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…

Image showing graphic representing vue vite image handling and the code that created it with vite import image function

3 Ways to Implement a Carousel in Next.js

Topics Featured, 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…

Image showing code and example of a nextjs slider carousel

How to Get the Most Out of User-Generated Content With Cloudinary

Topics E-commerce, Performance Optimization, User-Generated Content
Read Time

User-generated content (UGC) has immense influence on consumer decision-making. According to Cloudinary’s research, 70% of Gen Z and 78% of Millennial shoppers rely on videos and photos when making purchases. Fifty-eight percent of respondents to Cloudinary’s UGC survey…

Show the World: How Video Is Changing the Travel & Hospitality Booking Experience

Topics Video, Video API
Read Time

Consumers across the globe are finally feeling safe enough to resume travel. While this is great news, travelers are scrutinizing their destination and hospitality options more closely and are more selective when deciding on a service provider.  The hyper-selective consumer means travel and hospitality providers must instill confidence in the…

How the MACH Architecture Elevates Modern E-commerce

Topics E-commerce, MACH Alliance
Read Time

As user experience is often the deciding factor for customers choosing where to spend their money online, a flexible, modular e-commerce platform is the key to retaining consumer attention. Successful businesses are typically early adopters of trends and innovations that quickly saturate the digital marketplace. By using a platform that’s…

Start Using Cloudinary

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

Sign Up for Free