Repository navigation
Home
Storefront Playground is a minimal Vue 3 + TypeScript + Vite project that shows how to use the Selldone® Storefront SDK. It initializes Selldone Core and the Storefront SDK, reads the shop configuration from <meta> tags in index.html, and fetches products and categories from a live shop with one click.
- Run it in two minutes: Getting Started.
- Point it at your own shop: Shop Configuration.
- Understand the code: Fetching Products.
| Page | What you'll learn |
|---|---|
| Getting Started | Install, run, build and preview. |
| Shop Configuration | Every meta tag in index.html and what reads it. |
| Fetching Products | Walkthrough of src/main.ts, App.vue and FetchProducts.vue. |
| Project Structure | Files, dependencies, TypeScript and Vite configuration. |
| FAQ | Common questions and troubleshooting. |
The playground uses the same foundations as a full Selldone storefront: Selldone Core (SelldoneCore.Setup()) and the Storefront SDK (window.$storefront). When you need a complete shop UI, continue with Storefront and Components, and deploy your Layout with the Selldone CLI.
- storefront-sdk — The SDK demonstrated here (wiki).
- core — Shared setup, models and types.
- storefront — Production-ready Vue 3 storefront (wiki).
- components — Vue 3 commerce components (wiki).
- cli — Build, zip and deploy a Layout.
- All Selldone repositories