Introducing the Open Source TanStack Start Storefront Starter

Today, we are releasing a new official, open-source storefront starter for Vendure, built with TanStack Start. The TanStack Start Storefront Starter gives teams a modern, source-owned foundation for building a fully customized commerce experience on Vendure.

The starter is available now under the MIT license. You can explore the live demo, clone the repository, and start adapting every part of the storefront to your brand and business requirements.

A complete commerce starting point

This is more than a product-grid demo. The starter covers the customer journey from discovery to post-purchase:

• Collections, featured products, product galleries, variants, search, facets, sorting, and pagination
• Customer registration, login, profile management, saved addresses, and order history
• Cart management, promotion codes, shipping selection, payment, checkout review, and order confirmation
• English and German localization with Paraglide, plus persistent currency selection and locale-aware prices

The result is a practical reference for working with the Vendure Shop API, while still leaving room for your own design system, content, integrations, and commerce logic.

Built for ownership and customization

The starter combines React, TanStack Start and Router, Vite, TypeScript, Tailwind CSS, Paraglide, gql.tada, and Nitro. Its feature-oriented structure keeps commerce capabilities, framework integrations, store configuration, branding, and reusable UI primitives clearly separated.

Routes stay focused on URL handling and data orchestration, while feature modules own their GraphQL operations, validated server functions, views, and translations. These boundaries make it easier to understand where a change belongs and help storefront teams extend one capability without coupling it to unrelated parts of the application.

Every human-authored storefront file belongs to you. There is no locked application layer, so you can change the implementation directly instead of working around a theme system. Tagged starter releases also include structured guidance for reconciling upstream improvements with your local customizations.

Start building today

Point the starter at a running Vendure Shop API, generate the derived files, and start the development server:

git clone https://github.com/vendurehq/tanstack-starter-vendure.gitcd tanstack-starter-vendurecp .env.example .envnpm installnpm run generatenpm run dev

The repository includes an architecture guide and upgrade guide for taking the next steps.

Coming to @vendure/create later this month

We have also merged a new storefront selection flow into @vendure/create. It is scheduled for the next Vendure patch release in late August. Once released, the interactive CLI will offer these options:

◆  Would you like to include a storefront?│  ○ None│  ● TanStack Start (Vite-powered routing with TanStack Router and Paraglide internationalization)│  ○ Next.js└

For non-interactive or CI environments, you will be able to select the TanStack Start starter explicitly:

npx @vendure/create my-shop --ci --storefront tanstack

TanStack Start and Next.js will both be supported by the new --storefront option. The existing --with-storefront flag will continue to select the Next.js starter for backwards compatibility.

Visit the GitHub repository, try the live storefront, and let us know what you build.