Vercelలో మార్కెటింగ్ సైట్లు
Vercelలో యాప్ రూటర్ హోస్టింగ్ను ఉంచుతూ హీరో మరియు CMS చిత్రాలను ఆప్టిమైజ్ చేయండి.
← ఫీచర్లకు తిరిగి వెళ్లండి
ఫీచర్
Next.js చిత్రం CDN
Cache Rocket , ఐచ్ఛికంగా CDN `/_next/static` ద్వారా తదుపరి/చిత్రాన్ని రూట్ చేయండి మరియు ప్రతి విస్తరణ తర్వాత వెచ్చని URL లు.
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.
ముఖ్యాంశాలు
- next.config మరియు next/image కోసం అధికారిక @cacherocket/next ప్యాకేజీ
- 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 లు—లేదా మీరు ఆస్తి మూలాన్ని సెట్ చేసినప్పుడు సంబంధిత/పబ్లిక్ పాత్లు—img.cacherocket.comలో పాత్-బేస్డ్ ట్రాన్స్ఫార్మ్ URLకి తిరిగి వ్రాయబడతాయి, తద్వారా అంచు ప్రతి పరిమాణాన్ని కాష్ చేయగలదు మరియు విశ్వసనీయంగా ఫార్మాట్ చేయగలదు.
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.
షిప్పింగ్లో భాగంగా వెచ్చగా ఉంటుంది
వైప్ ఎడ్జ్ మరియు ఫ్రేమ్వర్క్ కాష్లను అమలు చేస్తుంది.రూట్ హ్యాండ్లర్లో onVercelDeploy()ని ఉపయోగించండి లేదా CI నుండి వెచ్చగా మరియు ప్రక్షాళనకు కాల్ చేయండి, కాబట్టి విడుదలైన తర్వాత మొదటి నిజమైన సందర్శకుడు కోల్డ్-స్టార్ట్ ధరను చెల్లించరు.
మీరు రెండింటినీ ఉపయోగించినప్పుడు అదే ఇమేజ్-ఆప్ట్ మరియు CDN బ్యాండ్విడ్త్ మీటర్ల పవర్ WordPress CDN నిర్వహించబడుతుంది-కాబట్టి ప్లాన్ కోటాలు ఒకే చోట ఊహించదగినవిగా ఉంటాయి.
ఇది ఎలా పని చేస్తుంది
- 1
Next.js సైట్ని సృష్టించండి
Account → Next.jsలో, ఒక సైట్ని సృష్టించండి, సైట్ టోకెన్ మరియు API కీలను కాపీ చేయండి మరియు మీ ఇమేజ్ హోస్ట్ అనుమతి జాబితాను సెట్ చేయండి.
- 2
@cacherocket/తదుపరిని ఇన్స్టాల్ చేయండి
ప్యాకేజీని జోడించి, CacheRocketతో next.configని చుట్టండి మరియు Vercelలో లేదా స్థానికంగా env varsని సెట్ చేయండి.
- 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 నిర్వహించబడే 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 అసలైన చిత్రం URLకి మళ్లింపుతో సాఫ్ట్-ఫెయిల్గా రూపాంతరం చెందుతుంది కాబట్టి పేజీలు పని చేస్తూనే ఉంటాయి.మరింత కోటా కోసం అప్గ్రేడ్ చేయండి లేదా తదుపరి బిల్లింగ్ వ్యవధి కోసం వేచి ఉండండి.
- ఉచితంగా 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 కోసం ఈ సామర్థ్యాన్ని ఆన్ చేయండి.