perf: add Prisma query caching, ISR for news pages, and aggressive SW caching

- Introduce redis-backed Prisma query cache (prisma-cache.ts) with per-model TTL
- Replace force-dynamic with revalidate=60 + generateStaticParams on news/[slug]
- Wrap article query with Redis cache (60s TTL)
- Upgrade service worker to v2 with dedicated API cache and stale-while-revalidate
  for static assets
This commit is contained in:
openhands committed 2026-07-20 14:54:55 +02:00
1 parent d5e3bc7875
commit c8ccbe1f42
3 files changed
+135 -30

No files matched your search

+23 -14
View File
@@ -1,11 +1,7 @@
// Minimal service worker for the AtomCMS-Next PWA. Cache-first for immutable
// static assets, network-first for navigations (with a cached fallback so the
// shell still loads offline). Bump CACHE to invalidate.
const CACHE = "atom-v1";
const CACHE = "atom-v2";
const API_CACHE = "atom-api-v2";
self.addEventListener("install", () => {
self.skipWaiting();
});
self.addEventListener("install", () => self.skipWaiting());
self.addEventListener("activate", (event) => {
event.waitUntil(
@@ -13,7 +9,7 @@ self.addEventListener("activate", (event) => {
.keys()
.then((keys) =>
Promise.all(
keys.filter((k) => k !== CACHE).map((k) => caches.delete(k)),
keys.filter((k) => k !== CACHE && k !== API_CACHE).map((k) => caches.delete(k)),
),
)
.then(() => self.clients.claim()),
@@ -26,7 +22,6 @@ self.addEventListener("fetch", (event) => {
const url = new URL(req.url);
if (url.origin !== self.location.origin) return;
// Cache-first for immutable static assets.
if (
url.pathname.startsWith("/assets/") ||
url.pathname.startsWith("/_next/static/")
@@ -46,16 +41,30 @@ self.addEventListener("fetch", (event) => {
return;
}
// Network-first for page navigations; fall back to cache, then the shell.
if (
url.pathname.startsWith("/api/home") ||
url.pathname.startsWith("/api/online") ||
url.pathname.startsWith("/api/radio/config")
) {
event.respondWith(
caches.open(API_CACHE).then((cache) =>
fetch(req)
.then((res) => {
if (res.ok) cache.put(req, res.clone());
return res;
})
.catch(() => cache.match(req)),
),
);
return;
}
if (req.mode === "navigate") {
event.respondWith(
fetch(req)
.then((res) => {
const copy = res.clone();
caches
.open(CACHE)
.then((c) => c.put(req, copy))
.catch(() => {});
caches.open(CACHE).then((c) => c.put(req, copy)).catch(() => {});
return res;
})
.catch(() => caches.match(req).then((hit) => hit || caches.match("/"))),