Caching Strategies Pattern
Improve application performance with multi-layer caching using React cache, Next.js data cache, Redis, and stale-while-revalidate patterns.
What's Included#
- React cache for request-level deduplication of database queries
- Next.js data cache with revalidation tags and on-demand invalidation
- unstable_cache for database queries with TTL and manual revalidation
- Redis caching with Upstash for distributed key-value storage
- Stale-while-revalidate pattern for serving stale data while refreshing in the background
- Memoization utilities for both synchronous and async functions with TTL
Usage#
Via CLI#
Loading code block...
Via AI Assistant#
Ask your AI assistant:
- "Use the caching strategies pattern from Bootspring"
- "Apply the Bootspring caching pattern to my project"
Key Considerations#
- Cache strategically; not everything benefits from caching, and stale data can cause bugs
- Set appropriate TTLs that balance data freshness against performance gains
- Use tags for related content so you can invalidate entire groups at once
- Always fall back to fetching fresh data when cache reads fail
- Warm critical cache paths on deployment for popular content to avoid cold starts
Related Patterns#
- Lazy Loading - Load on demand
- Optimization - General performance optimization
- Monitoring - Track cache metrics