Optimize images in Next.js 15 with next/image, responsive srcsets, blur placeholders, and CDN loader configuration.
Act as a Next.js 15 performance expert. Configure next/image for [IMAGE_SOURCES]. Set up responsive sizes for [BREAKPOINTS]. Generate blur placeholders with [PLACEHOLDER_STRATEGY]. Configure a custom loader for [CDN_PROVIDER]. Optimize [IMAGE_FORMATS] with quality settings. Handle [PRIORITY_IMAGES] for LCP.
Free to copy and use. Compatible with Claude 4 Opus, Gemini 2.0 Flash, Llama 4 Maverick.
Specify image sources, responsive breakpoints, placeholder strategy, CDN provider, image formats, and priority images for LCP.
Initial release
Sign in and download this prompt to leave a review.