Marketing sites on Vercel
Optimize hero and CMS images while keeping App Router hosting on Vercel.
← സവിശേഷതകളിലേക്ക് മടങ്ങുക
സവിശേഷത
Next.js Image CDN
Route next/image through Cache Rocket and warm URLs after every deploy.
Cache Rocket for Next.js sits beside your existing host. Keep SSR and HTML on Vercel, Netlify, or Cloudflare Pages. Install @cacherocket/next to send next/image through img.cacherocket.com with automatic width, quality, and format transforms—and warm critical URLs when you ship.
ഹൈലൈറ്റുകൾ
- Official @cacherocket/next package for next.config and next/image
- On-demand transforms delivered from img.cacherocket.com
- Soft-fail to the original image URL when over quota
- Deploy warming helpers for Vercel hooks and CI
- Free trial included — larger shared quotas on paid plans
Image CDN without moving your host
withCacheRocket wraps your Next.js config and wires a custom image loader. Absolute image URLs—or relative /public paths when you set an asset origin—are rewritten to path-based transform URLs on img.cacherocket.com so the edge can cache each size and format reliably.
Hosting, SSR, and your existing Data Cache stay where they are. Cache Rocket only optimizes and delivers images, and can warm page URLs after deploy.
Warm as part of shipping
Deploys wipe edge and framework caches. Use onVercelDeploy() in a Route Handler, or call warm and purge from CI, so the first real visitor after a release does not pay the cold-start cost.
The same image-opt and CDN bandwidth meters power WordPress Managed CDN when you use both—so plan quotas stay predictable in one place.
ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു
- 1
Create a Next.js site
In Account → Next.js, create a site, copy the site token and API keys, and set your image host allowlist.
- 2
Install @cacherocket/next
Add the package, wrap next.config with withCacheRocket, and set env vars on Vercel or locally.
- 3
Ship and warm
Use next/image as usual, then point a deploy webhook at onVercelDeploy() or your public warm webhook.
എവിടെ തിളങ്ങുന്നു
Headless storefronts
Allowlist Shopify or CMS image hosts and serve resized WebP/AVIF from Cache Rocket.
Teams with frequent deploys
Combine image CDN with post-deploy warming so releases never greet users with cold routes.
പതിവ് ചോദ്യങ്ങൾ
- Is this the same as WordPress Managed CDN?
- No. Next.js uses img.cacherocket.com via @cacherocket/next. WordPress Managed CDN uses assets.cacherocket.com through the plugin. Both share monthly image-opt and CDN bandwidth quotas.
- What happens when I exceed my transform or bandwidth quota?
- New Next.js transforms soft-fail with a redirect to the original image URL so pages keep working. Upgrade or wait for the next billing period for more quota.
- Does Free include Next.js?
- Yes. Free includes a trial of 25 image transforms and 1 GB image CDN bandwidth per month. Paid plans include larger shared allowances.
- Where is the setup guide?
- See Documentation → Next.js, or open Account → Next.js for site tokens and copy-paste snippets.
ബന്ധപ്പെട്ട സവിശേഷതകൾ
എല്ലാ സവിശേഷതകളുംനിങ്ങളുടെ അക്കൗണ്ടിൽ ഇത് പരീക്ഷിക്കാൻ തയ്യാറാണോ?
സൗജന്യ Cache Rocket അക്കൗണ്ട് സൃഷ്ടിക്കുക, ഒരു ഹോസ്റ്റ്നെയിം പരിശോധിക്കുക, നിങ്ങളുടെ സൈറ്റിനോ API-ക്കോ ഈ കഴിവ് ഓണാക്കുക.