Project Setup Skill

This skill guides you through creating and configuring a Storefront Next project — a server-rendered SPA built on React 19, React Router 7, Vite, and Tailwind CSS v4.

Overview

Storefront Next storefronts run on Managed Runtime (MRT) with all SCAPI requests executing server-side. Use Business Manager storefront setup for an instance-connected storefront; use create-storefront for local exploration. Project application source uses TypeScript (.ts/.tsx); follow the project's configuration for build scripts.

Creating a Project

Via Business Manager (instance-connected storefront)

Prefer storefront setup: it creates API clients, MRT resources, initial configuration, and a deployment. Reuse those resources; do not create replacement SLAS clients or MRT projects as routine setup. Choose the GitHub workflow or local-code workflow. Use the downloaded env.txt as the project's .env; do not invent tenant/site IDs or expose its secrets. Guide the user through Business Manager when setup is needed.