Commerce Engine Starters
Available for React, Next.js, TanStack Start, Astro, SvelteKit, and Node.js.
Previewing the Linea storefront.
Every starter connects to the same Commerce Engine APIs and commerce capabilities.
Vite · Client-side SPA
App Router · SSG with ISR
SSG with link crawling
SSG with island hydration
Svelte 5 · SSG with static adapter
Storefront SDK · Server-side services and APIs
Storefront templates
Start with a polished storefront and customise every component, interaction, and customer journey.
01 / 02
2 templates shown.
An elegant jewellery storefront designed for premium brands, editorial product storytelling, and refined shopping experiences.
Next.js selected. The demo and source links now open the Next.js build of Linea.
A modern electronics storefront designed for product-rich catalogues, bold merchandising, and fast product discovery.
Next.js selected. The demo and source links now open the Next.js build of Little Things.
How it works
No scaffolding, no boilerplate. Every step below is a choice you make once — the commerce layer is already wired up.
Storefront designs
2 designs
Linea
Jewellery & Luxury
Little Things
Electronics & Lifestyle
Step 1 of 3: Choose a template.
Every starter includes the foundation needed to load products, manage carts, and build custom commerce experiences with Commerce Engine APIs.
import {
StorefrontSDK,
Environment
} from "@commercengine/storefront-sdk";
export const sdk = new StorefrontSDK({
storeId: process.env.NEXT_PUBLIC_STORE_ID!,
environment: Environment.Production,
apiKey: process.env.NEXT_PUBLIC_API_KEY!
});
// The starter's product page loads its data like this.
const { product, error } = await sdk.catalog.getProduct({
product_id_or_slug: "aureon-groovegrid-x1"
});
if (error) {
throw new Error(error.message);
}
console.log(product.name);Pick a template, choose your stack, and launch your next Commerce Engine experience faster.