Where is the data stored in the default setup?

The server-side implementation is configured to use a SQLite database (store.db) by default, providing a portable and easy-to-manage data layer.

Which commerce engine does it use for the backend?

It utilizes the StateSet iCommerce engine via @stateset/embedded for server-side environments or @stateset/embedded-wasm for browser-based applications.

Does it support server-side rendering (SSR)?

Yes, it provides specific configurations and hooks for SSR-first frameworks like Next.js and Remix to ensure optimal performance and SEO.

What frameworks does the Commerce Storefront skill support?

It supports a wide range of modern frameworks including Next.js 14+, Remix, Astro, SvelteKit, and Vite + React.

Can I build a complete checkout flow with this skill?

Yes, the skill includes detailed templates and logic for multi-step checkout processes, covering shipping addresses, payment methods, and order reviews.

Commerce Storefront

Name: Commerce Storefront
Author: stateset

bystateset

•

E-commerce Solutions

Scaffolds and builds production-ready e-commerce storefronts using the StateSet iCommerce engine.

The Commerce Storefront skill provides comprehensive domain knowledge for developing high-performance e-commerce applications. It enables developers to quickly scaffold full-stack storefronts using popular frameworks like Next.js, Remix, and SvelteKit, powered by StateSet's embedded commerce engines. By providing pre-defined templates for product listings, shopping carts, and multi-step checkout flows, this skill streamlines the transition from initial setup to a functional, production-grade online store with integrated state management and backend connectivity.

Key Features

01Standardized project architecture for scalable e-commerce applications

02Integrated analytics and order summary component patterns

03Server-side and client-side (WASM) commerce client initialization

041 GitHub stars

05Ready-to-use templates for product grids, cart management, and checkout flows

06Multi-framework support for Next.js, Remix, Astro, SvelteKit, and Vite

Use Cases

01Implementing a lightweight, client-side commerce SPA using Vite and WASM

02Building a custom multi-step checkout flow with integrated state management

03Scaffolding a new Next.js 14+ e-commerce project with server-side rendering

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add stateset/stateset-icommerce commerce-storefront

For use in Claude.ai and ChatGPT

Download Skill