Vercel bill too high on a Next.js site? What drives it and how to cut it
Vercel bill too high on your Next.js site? Here are the usual cost drivers on Sanity-backed builds, how to confirm each, and the fixes in order.
Tag
Image Optimization
Image optimisation in Next.js and Sanity — WebP/AVIF delivery, focal-point crops, LQIP blur, and eliminating CLS.
12 posts
6 min read
Cloudinary vs Sanity CDN for Next.js Images: An Honest Comparison
Cloudinary vs Sanity CDN for Next.js image delivery — formats, transforms, pricing thresholds, and which to pick for your project.
Cloudflare Images Pricing 2026: Storage Limits, Delivery Costs & When to Upgrade
Cloudflare Images pricing breakdown: free tier limits, per-image storage costs, delivery fees, and when a Next.js or Sanity project should upgrade.
Cloudinary Pricing 2026: Free Tier Limits, Transformation Costs & When to Upgrade
Cloudinary's free tier looks generous until transformations stack up. Real numbers on credits, paid plans, and what triggers an upgrade in 2026.
How I build a Next.js blog that stays fast at 100+ posts
Static generation, pagination, image handling, and bundle discipline for a Next.js blog that doesn't slow down as content grows. Practical code included.
Sanity video hosting in 2026: Mux vs Cloudinary vs Bunny Stream
Comparing Mux, Cloudinary, and Bunny Stream for sanity video hosting — upload workflow, adaptive streaming, pricing, and LCP poster handling.
Sanity image-url hotspot not working: four causes and fixes
Sanity hotspot not applying to your rendered image? Here are the four real causes and exact fixes for each one.
Next.js Bundle Size: Analyzing and Cutting Chunk Bloat
A practical walkthrough of Next.js bundle size analysis with the Turbopack Bundle Analyzer or @next/bundle-analyzer, and the fixes that usually shrink first-load JS.
Serve WebP & AVIF from Sanity Without Double-Encoding
Learn when to use Sanity's auto=format image URL API vs next/image formats, how cache keys work, and how to keep payloads small in a Next.js project.
Kill CLS on Sanity Images: sizes, width & height from Metadata
Kill CLS on Sanity images for good. Pull metadata.dimensions into next/image sizes and aspect-ratio boxes — exact GROQ and component code.
Sanity Hotspot + next/image: Pixel-Perfect Focal Point Crops
Use @sanity/image-url with hotspot, crop, fit, width, and height to crop Sanity images to an exact size in next/image — focal point preserved, with code and the exact GROQ.
Sanity Image Placeholders Under 50 kB: Palette, Not Base64 LQIP
Cut LQIP overhead on Sanity + Next.js sites to nearly zero using Sanity's built-in metadata.palette instead of inline Base64 blur data. Exact GROQ and component code.