fix: service worker cache busting — unregister old sw on load, bump cache version, stop caching HTML
- Bump sw.js cache from v2 to v3 - Unregister all old service workers on page load - Stop caching HTML/navigation (caused stale CSS refs after rebuild)
This commit is contained in:
1 parent
b37b6bc2b9
commit
c432d4e95d
7 files changed
+37
-38
No files matched your search
@@ -2,12 +2,19 @@
|
||||
|
||||
import { useEffect } from "react";
|
||||
|
||||
/** Registers the service worker (PWA) once, after hydration. No-op on failure. */
|
||||
const SW_VERSION = "3";
|
||||
|
||||
export function PwaRegister() {
|
||||
useEffect(() => {
|
||||
if (typeof navigator !== "undefined" && "serviceWorker" in navigator) {
|
||||
navigator.serviceWorker.register("/sw.js").catch(() => {});
|
||||
}
|
||||
if (typeof navigator === "undefined" || !("serviceWorker" in navigator)) return;
|
||||
|
||||
navigator.serviceWorker.getRegistrations().then((regs) => {
|
||||
for (const reg of regs) {
|
||||
reg.unregister();
|
||||
}
|
||||
});
|
||||
|
||||
navigator.serviceWorker.register("/sw.js?" + SW_VERSION).catch(() => {});
|
||||
}, []);
|
||||
return null;
|
||||
}
|
||||
@@ -89,7 +89,7 @@ export async function SiteHeader() {
|
||||
<h1
|
||||
className="font-black tracking-tight leading-none text-white"
|
||||
style={{
|
||||
fontFamily: "var(--font-pixel)",
|
||||
fontFamily: "var(--font-nunito)",
|
||||
fontSize: "clamp(2.8rem, 8vw, 5.5rem)",
|
||||
textShadow:
|
||||
"0 2px 20px rgba(0,0,0,0.4), 0 8px 40px rgba(0,0,0,0.2)",
|
||||
|
||||
Reference in new issue
Block a user