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!
1 Reply
As much as I know you have get one of the paid plans to have the custome name server feature