stevef24/Nextjs-cache ? reverse-engineered prompt

Build me a small Next.js app that demonstrates the different kinds of caching in a way I can click through and understand.

I want a simple site with separate pages or sections for client router cache, data cache, full route cache, and request memoization, with short plain English explanations and live examples on each one. Please make it easy to see when data is reused, when it refreshes, and how navigation changes what gets cached. If it helps, add a few buttons like refresh data, navigate away and back, and load the same thing twice so the behavior is obvious. Keep the design clean and minimal, but make it polished enough to use as a learning demo. If you need to check the latest Next.js docs to match current behavior, do that.