Integrating Cloudflare Image Transformation with Next.js 14 Without Changing Nameservers
Hello!
I'm currently working on integrating Cloudflare's image transformation features into my Next.js project, as detailed in Cloudflare's guide. My goal is to leverage these capabilities to optimize image delivery without the need to switch my nameservers to Cloudflare's.
I've been attempting to use the Image Delivery service at https://imagedelivery.net/ . However, I keep encountering a "Malformed URL" error. This has led me to wonder: is it possible to utilize Cloudflare's image transformation and optimization features without altering my DNS settings to point to Cloudflare's nameservers?
Additionally, I'm seeking clarity on the workflow with Next.js. Specifically, do I need to manually upload my images to Cloudflare beforehand, or is there an automated process facilitated by Next.js's Cloudflare image loader? All my image sources are currently hosted at diffrent HTTPS URLs.
Any insights or guidance on achieving this setup without changing nameservers, as well as the proper integration steps with Next.js, would be greatly appreciated.
Thank you in advance for your assistance!
I'm currently working on integrating Cloudflare's image transformation features into my Next.js project, as detailed in Cloudflare's guide. My goal is to leverage these capabilities to optimize image delivery without the need to switch my nameservers to Cloudflare's.
I've been attempting to use the Image Delivery service at https://imagedelivery.net/ . However, I keep encountering a "Malformed URL" error. This has led me to wonder: is it possible to utilize Cloudflare's image transformation and optimization features without altering my DNS settings to point to Cloudflare's nameservers?
Additionally, I'm seeking clarity on the workflow with Next.js. Specifically, do I need to manually upload my images to Cloudflare beforehand, or is there an automated process facilitated by Next.js's Cloudflare image loader? All my image sources are currently hosted at diffrent HTTPS URLs.
Any insights or guidance on achieving this setup without changing nameservers, as well as the proper integration steps with Next.js, would be greatly appreciated.
Thank you in advance for your assistance!
Welcome to the official Cloudflare Developers server. Here you can ask for help and stay updated with the latest news
86,942Members
Resources
Similar Threads
Was this page helpful?
