# How to add Algolia search and Cloudinary media optimization to a Webflow Cloud app

DevFeed: [How to add Algolia search and Cloudinary media optimization to a Webflow Cloud app](<https://devfeed.tech/articles/how-to-add-algolia-search-and-cloudinary-media-optimization-to-a-webflow-cloud-app-9176.md>)

Original publisher: [Read original article](<https://webflowmarketingmain.com/blog/algolia-cloudinary-search-media-webflow-cloud>)

Author: Ismail Ajagbe

Published: 2026-07-25T00:00:00Z

Content type: tutorial

Language: en

Sources: [Webflow Blog](<https://devfeed.tech/sources/webflow-blog.md>)

Topics: [Algolia](<https://devfeed.tech/topics/algolia.md>), [webflow](<https://devfeed.tech/topics/webflow.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Workers](<https://devfeed.tech/topics/workers.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [REST API](<https://devfeed.tech/topics/rest-api.md>)

Tags: [cli](<https://devfeed.tech/tags/cli.md>), [guides](<https://devfeed.tech/tags/guides.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [optimization](<https://devfeed.tech/tags/optimization.md>), [rest-api](<https://devfeed.tech/tags/rest-api.md>), [search](<https://devfeed.tech/tags/search.md>), [webflow](<https://devfeed.tech/tags/webflow.md>), [workers](<https://devfeed.tech/tags/workers.md>)

## AI overview

A step-by-step guide to adding Algolia search and Cloudinary image optimization to a Webflow Cloud app built with Next.js. It covers indexing Webflow CMS content, proxying search requests, generating optimized image URLs, and handling uploads through Route Handlers.

## Source excerpt

Learn how to index Webflow CMS content in Algolia and serve optimized images from Cloudinary inside a Webflow Cloud Next.js app, step by step.