Маркетынгавыя сайты на Vercel
Аптымізуйце выявы герояў і CMS, захоўваючы хостынг App Router на Vercel.
← Вярнуцца да функцый
Асаблівасць
Next.js Выява CDN
Маршрут next/image праз Cache Rocket , дадаткова CDN `/_next/static` , і цёплы URL s пасля кожнага разгортвання.
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.
Асноўныя моманты
- Афіцыйны пакет @cacherocket/next для next.config і next/image
- Пераўтварэнні па патрабаванні, якія дастаўляюцца з 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
Выява CDN без перамяшчэння хоста
з CacheRocket абгортвае вашу канфігурацыю Next.js і падключае карыстальніцкі загрузчык малюнкаў. Абсалютныя відарысы URL — або адносныя / агульнадаступныя шляхі, калі вы задаеце паходжанне актываў — перапісваюцца ў пераўтварэнні на аснове шляху URL на img.cacherocket.com, каб край мог надзейна кэшаваць кожны памер і фармат.
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.
Цёпла ў рамках дастаўкі
Разгортвае кэшы Wipe edge і Framework. Выкарыстоўвайце onVercelDeploy() у апрацоўшчыку маршрутаў або выклікайце цеплыню і ачыстку з CI, каб першы сапраўдны наведвальнік пасля выпуску не аплачваў кошт халоднага запуску.
Адна і тая ж опцыя выявы і вымяральнікі прапускной здольнасці CDN сілкуюць WordPress Managed CDN, калі вы выкарыстоўваеце абодва — так што планавыя квоты застаюцца прадказальнымі ў адным месцы.
Як гэта працуе
- 1
Стварыце сайт Next.js
У Account → Next.js стварыце сайт, скапіруйце токен сайта і ключы API і ўсталюйце дазволены спіс хоста выявы.
- 2
Усталюйце @cacherocket/next
Дадайце пакет, абгарніце next.config з дапамогай CacheRocket і ўсталюйце env vars на Vercel або лакальна.
- 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.
Каманды з частымі разгортваннямі
Аб'яднайце малюнак CDN з пацяпленнем пасля разгортвання, каб выпускі ніколі не віталі карыстальнікаў халоднымі маршрутамі.
Часта задаюць пытанні
- Гэта тое самае, што 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.
- Што адбудзецца, калі я перавыслю сваю квоту пераўтварэння або прапускной здольнасці?
- Новы Next.js пераўтварае soft-fail з перанакіраваннем на зыходны малюнак URL, каб старонкі працягвалі працаваць. Абнавіце або пачакайце наступнага разліковага перыяду, каб атрымаць больш квоты.
- Ці ўключае Free 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.
- Дзе інструкцыя па наладцы?
- Глядзіце дакументацыю → Next.js або адкрыйце Account → Next.js для маркераў сайта і фрагментаў капіявання і ўстаўкі.
Звязаныя функцыі
Усе функцыіГатовы паспрабаваць гэта ў сваім акаўнце?
Стварыце бясплатны ўліковы запіс Cache Rocket, праверце імя хаста і ўключыце гэтую магчымасць для вашага сайта або API.