ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Treat Vue Storefront as a presentation and cart-session layer; keep payments, inventory, and order state in the commerce backend.
Vue Storefront's default client-side rendering hurts LCP and SEO. Adding Nuxt 3 SSR streams fully formed HTML from the server, reusing existing GraphQL composables. A minimal config, static generation for catalog pages, and the memory/hydration trade-offs you'll actually hit.
Vue Storefront 2 replaces Vuex with a composable architecture. Learn how useFetch eliminates SSR double-fetching and how to build backend-agnostic business logic using middleware extensions.
Choose between an official Vue Storefront 2 commerce adapter and a custom GraphQL integration, then validate with introspection and SSR.
Learn how to diagnose and fix 'Hydration node mismatch' errors in Vue Storefront SSR. This guide covers identifying non‑deterministic data, using <client-only> wrappers, and maintaining SEO performance.
Learn how Vue Storefront uses the Backend-for-Frontend (BFF) pattern to normalize disparate e-commerce data sources into a consistent API for the frontend.
Vue Storefront 2 replaces a monolithic store with granular composables like useCart and useProduct. The pattern decouples UI from commerce backends via a middleware layer, enables SSR prefetching and typed state, with trade-offs around over-fetching and middleware scaling.
Route Vue Storefront 2 commerce requests through the server middleware api-client proxy instead of calling the backend directly from the browser.
Vue Storefront SSR keeps API secrets on the server and sanitized catalog data on the client. Learn the trust boundary, hydration checks, and failure modes.
graphql
nuxt