Mar 1, 2023
How `next/image` Can Quietly Burn Your Vercel Budget (and How I Avoid It)
nextjsnext-imagevercelcost-optimizationcdn
A practical look at how Next.js image optimization interacts with Vercel billing, and the habits that keep bandwidth and image optimization costs under control.
1Understand how Vercel's image optimization actually works under the hood
2Large unprocessed originals from a CMS are the fastest way to waste money
3Overly aggressive deviceSizes and using next/image for tiny icons add cost with little benefit
4Stable URLs and a shared image component help keep cache keys under control
5For multi-tenant hosting, one bad pattern can multiply across all client sites