Marketingsites op Vercel
Optimaliseer hero- en CMS-images terwijl u de App Router-hosting op Vercel behoudt.
← Terug naar features
Functie
Next.js Afbeelding CDN
Route next/image via Cache Rocket , optioneel CDN `/_next/static` , en verwarm URL's na elke implementatie.
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.
Hoogtepunten
- Officieel @cacherocket/next-pakket voor next.config en next/image
- On-demand transformaties geleverd door 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
Afbeelding CDN zonder uw host te verplaatsen
met CacheRocket verpakt uw Next.js-configuratie en bedraden een aangepaste afbeeldingslader. Absolute afbeelding URL's (of relatieve/openbare paden wanneer u de oorsprong van een item instelt) worden herschreven naar op paden gebaseerde transformatie URL's op img.cacherocket.com, zodat de edge elke grootte en indeling betrouwbaar in de cache kan opslaan.
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.
Warm als onderdeel van verzending
Implementeert wipe edge- en framework-caches. Gebruik onVercelDeploy() in een Route Handler, of roep warm en purge aan vanuit CI, zodat de eerste echte bezoeker na een release niet de kosten voor de koude start betaalt.
Dezelfde image-opt- en CDN-bandbreedtemeters voeden de WordPress Managed CDN wanneer u beide gebruikt, zodat de planquota voorspelbaar blijven op één plek.
Hoe het werkt
- 1
Maak een Next.js-site
Maak in Account → Next.js een site, kopieer het sitetoken en de API-sleutels en stel de toelatingslijst voor de host van uw afbeelding in.
- 2
Installeer @cacherocket/next
Voeg het pakket toe, verpak next.config met CacheRocket en stel env vars in op Vercel of lokaal.
- 3
Ship and warm
Use next/image as usual, then point a deploy webhook at onVercelDeploy() or your public warm webhook.
Waar het uitblinkt
Headless storefronts
Allowlist Shopify or CMS image hosts and serve resized WebP/AVIF from Cache Rocket.
Teams met frequente implementaties
Combineer afbeelding CDN met opwarming na de implementatie, zodat releases gebruikers nooit met koude routes begroeten.
Veelgestelde vragen
- Is dit hetzelfde als WordPress Beheerde 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.
- Wat gebeurt er als ik mijn transformatie- of bandbreedtequotum overschrijd?
- De nieuwe Next.js transformeert soft-fail met een omleiding naar de originele afbeelding URL, zodat pagina's blijven werken. Upgrade of wacht tot de volgende factureringsperiode voor meer quota.
- Bevat Gratis 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.
- Waar is de installatiehandleiding?
- Zie Documentatie → Next.js of open Account → Next.js voor sitetokens en fragmenten voor kopiëren en plakken.
Gerelateerde features
Alle featuresKlaar om dit in jouw account te proberen?
Maak een gratis Cache Rocket-account, verifieer een hostname en zet deze functie aan voor je site of API.