// the find
vercel/commerce
Next.js Commerce
A Next.js App Router e-commerce starter template wired to Shopify's Storefront API. It's a reference implementation showing React Server Components, Server Actions, and optimistic UI patterns in a real-world context. Aimed at developers who want a production-quality starting point for a Shopify storefront rather than building from scratch.
- Genuinely good use of RSC patterns: cart actions use Server Actions with useOptimistic, so the UI feels snappy without client-side fetch boilerplate
- The Shopify integration layer is cleanly isolated in lib/shopify with typed GraphQL fragments and queries, making it straightforward to understand what's hitting the API
- Revalidation webhook endpoint (app/api/revalidate) handles on-demand ISR properly, so product/collection pages don't stay stale after Shopify updates
- Actively maintained by Vercel themselves with a live demo, meaning the Next.js version and patterns tend to track the latest App Router recommendations
- Hard-locked to Shopify in the main branch; despite listing alternative providers, Vercel explicitly dropped multi-provider support, so if you're not on Shopify you're maintaining a fork
- No tests anywhere — no unit, integration, or e2e tests — which is a real problem if you're building production features on top of this
- The setup flow requires the Vercel CLI and a linked Vercel project just to pull env vars locally, which is unnecessarily friction-heavy for a template that should work anywhere
- Very thin on commerce features: no reviews, no wishlists, no discount codes UI, no order history — it's a product listing and cart, so expect significant feature work before it's a real store