Skip to content
Intent
Libraries
Loading libraries…
Blog
Blog & Release Notes
About
YouTube
The official TanStack channel.
Workshops
Live sessions from the maintainers.
Release Notes
The latest releases and changelog.
Community
Channels
Discord
Real-time community support.
GitHub
Source, issues, discussions, and releases.
People & Work
Maintainers
Meet the people maintaining the stack.
Showcase
Projects selected by the TanStack team.
Community projects
TanChat
NEW
Tools
Tools
Application Starter
Alpha
Generate TanStack app starters.
Stats
NPM and ecosystem usage data.
Merch
Support
Support
Support Overview
Find the right support path.
Partners
Companies supporting TanStack.
OSS Sponsors
Sponsors keeping TanStack open source.
Enterprise Support
Private consulting and expert support.
Contact
Get in touch with the TanStack team.
About
Ethos
How we approach open source.
Tenets
The values that shape TanStack libraries.
Design System
Logos, tokens, and UI components.
Search
Ask AI
Libraries
Blog
Community
TanChat
NEW
Tools
Merch
Support
Search
Ask AI
Sign In
Back
TanStack Intent
/
Registry
/
@techsio/storefront-data
Fetching package from npm...
TanStack Intent
/
Registry
/
@techsio/storefront-data
@techsio/storefront-data
0.1.1 (latest) — 11 skills
0.1.0 — 11 skills
Copy install prompt
Medusa-first storefront data layer built on TanStack Query.
Skills
(11)
Skills
All Skills
11
audit-storefront-before-release
lifecycle
configure-pagination-prefetch-and-cache-policy
core
decide-app-specific-overrides-vs-shared-platform
composition
extend-storefront-data-for-new-backend-use-cases
core
implement-auth-and-customer-session-flows
core
implement-cart-and-checkout-platform-flows
core
implement-ssr-prefetch-and-query-client-boundaries
framework
migrate-custom-hooks-to-storefront-data
lifecycle
setup-storefront-platform-in-next-app
framework
use-catalog-and-product-read-flows
core
use-storefront-data-skills
orchestrator
Skills
11
History
audit-storefront-before-release
lifecycle
Load this skill before releasing a storefront that uses @techsio/storefront-data. Use it to audit SSR hydration, query-key identity, storage degradation, cart cache sync, and selected payment-session checkout behavior so the storefront does not ship with a hidden split source of truth.
192 lines
configure-pagination-prefetch-and-cache-policy
core
Load this skill when tuning @techsio/storefront-data cacheConfig, skipIfCached, skipMode, usePrefetchProducts, usePrefetchCatalogProducts, or usePrefetchPages. Use it for pagination, page planning, normalized query inputs, and keeping prefetch behavior aligned with shared query keys and cache strategy rules.
236 lines
decide-app-specific-overrides-vs-shared-platform
composition
Load this skill when deciding whether storefront-specific wrappers, DTOs, address adapters, or backend behavior should stay in the app or move into @techsio/storefront-data. Use it for thin wrapper rules, customer-specific read models, and deciding when repeated backend logic becomes shared platform behavior.
195 lines
extend-storefront-data-for-new-backend-use-cases
core
Load this skill when adding a new shared backend-facing capability to @techsio/storefront-data through preset wiring, normalized query keys, service-layer cancellation, and test-backed invariants. Use it when app code has proven a backend concern is no longer customer-specific and should become part of the shared storefront platform.
192 lines
implement-auth-and-customer-session-flows
core
Load this skill when using @techsio/storefront-data for customer auth and session state through storefront.hooks.auth.useAuth, useLogin, useRegister, useLogout, and invalidateOnAuthChange. Use it for login/register flows, session-aware rendering, cross-domain invalidation, and app-level callbacks for toasts, analytics, or redirects.
234 lines
implement-cart-and-checkout-platform-flows
core
Load this skill when implementing cart and checkout through @techsio/storefront-data with storefront.flows.cart, storefront.flows.checkout, useCart, useAddToCart, useCheckoutShipping, useCheckoutPayment, useCompleteCheckout, and shared cart cache sync. Use it for active cart lifecycle, effective cart state, selected payment-session semantics, and canonical checkout orchestration.
243 lines
implement-ssr-prefetch-and-query-client-boundaries
framework
react
Load this skill when using @techsio/storefront-data in Next.js Server Components with getServerQueryClient, HydrationBoundary, dehydrate, and preset-owned getListQueryOptions or getDetailQueryOptions. Use it for SSR prefetch, request-scoped query-client ownership, and avoiding query-key drift between server prefetch and client hooks.
225 lines
migrate-custom-hooks-to-storefront-data
lifecycle
Load this skill when replacing app-local Medusa hooks, query utilities, or service wrappers with the preset-first @techsio/storefront-data surface. Use it for migration cutovers, preserving storefront-specific callbacks, and removing dual source-of-truth behavior instead of running legacy and shared data layers in parallel.
193 lines
setup-storefront-platform-in-next-app
framework
react
Load this skill when wiring @techsio/storefront-data into a Next.js App Router storefront through createMedusaStorefrontPreset, StorefrontDataProvider, createMedusaSdk, createLocalStorageValueStore, and explicit subpath imports. Use it for the app-level composition module, provider placement, browser storage seams, and avoiding package-root or ad-hoc preset wiring.
210 lines
use-catalog-and-product-read-flows
core
Load this skill when reading products, catalog listings, categories, collections, or regions from @techsio/storefront-data through storefront.hooks.products, storefront.hooks.catalog, and the related read hooks. Use it for region-aware inputs, query-option helpers, and suspense usage that waits until required params actually exist.
238 lines
use-storefront-data-skills
orchestrator
Load this skill first for any work involving @techsio/storefront-data skills, app integration, shared storefront hooks, product lists, cart, checkout, auth, SSR prefetch, cache policy, or deciding whether behavior belongs in an app or in the shared storefront-data platform. Use it as the orchestrator that selects the smallest relevant storefront-data skill set before editing.
82 lines
