caching-strategy
Caching Strategy
Reference: Next.js Cache Components — the official documentation for
use cache,cacheLife,cacheTag, and Partial Prerendering.
When to Use
Use this skill when:
- Understanding which data is cached vs. real-time
- Debugging why content isn't updating after Dashboard changes
- Configuring Saleor webhooks for cache invalidation
- Modifying the
/api/revalidateendpoint - Working with
"use cache"and Suspense patterns
Data Freshness Model
The Key Principle
More from saleor/storefront
saleor-paper-storefront
>
10react-patterns
Write idiomatic React with proper hooks and render purity. Use when writing components, fixing hook-related lint errors, or deciding where to put logic (render vs effect vs handler).
4ui-components
Create and style UI components with design tokens. Use when creating components, styling with Tailwind, deciding between Server/Client Components, or using shadcn/ui primitives.
4pdp
Product Detail Page architecture, image gallery/carousel, caching, and add-to-cart flow. Use when modifying PDP layout, debugging gallery swipe/thumbnails, understanding LCP optimization, fixing ErrorBoundary issues, or working with variant-specific images.
3filtering-system
Product list filtering and sorting architecture. Use when modifying filters, adding new filter types, working on category/collection pages, or understanding server-side vs client-side filtering.
3checkout-architecture
Reference for reusable checkout UI components. Use when working with SignInForm, AddressSelector, PaymentMethodSelector, or composing checkout step views.
3