What caching pitfalls should you watch out for when building a Next.js application with dynamic, user specific data?

A common pitfall is accidentally caching data that is different for each user, such as personalized dashboards or shopping carts, which can leak one user's data to another. You avoid this by using cache: no-store or cookies based rendering for anything personalized, while still caching truly shared, public data.

// Personalized data should not be cached
const res = await fetch('https://api.example.com/cart', { cache: 'no-store' });