Hey everyone, hoping someone can point me in the right direction.
I’ve deployed a custom utility web app on Netlify, but I’m facing a weird caching behavior with the CDN. The app runs a client-side calculation using complex arrays (mapping alphabets to specific numerological values like Chaldean and Pythagorean systems).
You can test the live behavior here: https://namenumerologycal.com
The Issue:
When a user enters a name and hits calculate, it works fine the first time. But if they quickly refresh the page or hit the back button from another page, Netlify seems to serve a stale cached version of the DOM, and the input fields sometimes retain the old values visually, even though the JS state has reset.
I’ve tried adding Cache-Control headers in my _headers file:
/*
Cache-Control: no-cache, no-store, must-revalidate
But it doesn’t seem to force the browser to drop the cached state. Is this an issue with how Netlify handles static assets, or do I need to strictly handle this via Service Workers on my end?
Any insights would be hugely appreciated!