Next.js Favicon अपडेट नहीं हो रहा? यहाँ है इसका फ़िक्स
फ़ाइल बदल गई और tab नहीं बदला। Next.js पर यह तीन caches में से एक है: browser का favicon store, एक बासी .next build, या एक CDN जो पुराने bytes सर्व कर रहा है। इन्हें इसी क्रम में ख़ारिज करें।
पहले पक्का करें कि फ़ाइल सचमुच बदली
caches को छूने से पहले /favicon.ico सीधे खोलें। अगर वहाँ पुरानी image लोड होती है, तो नई फ़ाइल कभी सर्व हुई ही नहीं (एक build या placement की समस्या) और कितना भी hard-refresh करने से फ़ायदा नहीं होगा। पहले उसे ठीक करें।
अगर सीधा URL नया icon दिखाता है पर tab अभी भी पुराना, तो यह एक असली cache है। Browsers favicon को लगभग किसी भी दूसरे asset से ज़्यादा सख़्ती से cache करते हैं और उसे page से अलग रखते हैं।
caches को क्रम में बस्ट करें
- 1
private window में hard-refresh करें
Cmd+Shift+R या Ctrl+F5, या एक ताज़ा private window। यह browser के अपने favicon store को साफ़ करता है, जो सबसे आम दोषी है।
- 2
.next हटाएँ और फिर से build करें
एक बासी build पुराना icon emit करता रह सकता है। .next directory हटाएँ और फिर से build करें ताकि Next आपकी app-directory फ़ाइलें दोबारा पढ़े।
- 3
CDN या platform cache purge करें
Vercel या किसी भी CDN पर, redeploy के बाद edge पुराना /favicon.ico सर्व कर सकता है। उस path को invalidate करें, फिर सीधा URL दोबारा खोलें।
Next.js favicon अपडेट न होने पर: FAQ
मेरा Next.js favicon अपडेट क्यों नहीं हो रहा?
या तो नई फ़ाइल कभी सर्व हुई ही नहीं (/favicon.ico सीधे जाँचें) या कोई cache पुराने को पकड़े हुए है। Browsers favicon को आक्रामक रूप से cache करते हैं, और deploy के बाद एक बासी .next build या CDN पिछली फ़ाइल emit करता रह सकता है।
Next.js में favicon अपडेट कैसे मजबूर करूँ?
Pages Router में link href में एक version query string जोड़ें। App Router में आप नहीं कर सकते, क्योंकि tag generated है: फ़ाइल बदलें और redeploy करें, बासी build साफ़ करने के लिए .next हटाएँ, और CDN purge करें।
यह locally अपडेट होता है पर Vercel पर नहीं।
edge cache पुराना /favicon.ico सर्व कर रहा है। पक्का करें कि deploy में सचमुच नई फ़ाइल है, फिर purge या redeploy करें ताकि edge उसे दोबारा fetch करे, और private window में सीधा URL जाँचें।