Frontend & UI
3 posts tagged #caching on DiCodeWeb, from fundamentals to production, newest first.
3 postsUpdated Sep 5, 2026
Data from the server isn't yours — you only hold a copy with an expiry date. This post goes deep on TanStack Query v5 through the lens of caching: query key design, staleTime and gcTime, invalidation, optimistic updates with rollback, Suspense, hydration with the Next.js App Router, infinite queries, and when not to use it.
Next.js 16 drops the implicit caching of the old App Router: everything is dynamic by default and you opt in with use cache. This post covers the static shell and dynamic holes, cache keys, cacheLife, cacheTag with updateTag, revalidateTag and refresh, and an e-commerce product page built end to end.
Cache-Control, ETags, hashed filenames, s-maxage and stale-while-revalidate at the CDN, service workers, staleTime in TanStack Query — what each cache layer does, which headers to set for each resource type, and the mistakes that leave users looking at stale data.