Explore Storefront Next Code Locally

Explore Storefront Next locally without setting up a B2C Commerce instance or using Business Manager. This procedure uses the default configuration values for the demo instance and isn’t for creating your own storefront. Generate the storefront code via the command line using the predefined B2C Commerce demo instance.

Prerequisites

Node Package Manager (pnpm) version 10.28 or later. See Installation on the pnpm site.
Node.js version 24.13.0 or later. See Download Node.js on the Node.js site.
The Storefront Next dependencies are specified in package.json. You install them in this quick start by using the pnpm install command.

Steps

Create a folder for all your storefront projects and navigate to it.
Discover the Storefront Next CLI commands available by typing this command.
1pnpm dlx @salesforce/storefront-next-dev --help
To learn more about each subcommand, type the -h or --help argument after the command.
Create a Storefront Next project by typing this command in the new folder, and then answer the questions to configure your storefront.
1pnpm dlx @salesforce/storefront-next-dev create-storefront
a. Provide a name for your storefront. For example, my-demo-storefront.

b. Select a Storefront Next UI template, for example, Salesforce B2C Commerce Retail Storefront (Fashion). To learn more about the various templates, see Storefront Next Template Features.

c. For the extensions, press Enter to accept the selected extensions.

d. Accept the defaults for the SLAS client ID, organization ID, short code, and site ID. The default values reference the demo B2C Commerce instance.

To use your own B2C Commerce instance, use Business Manager to create your storefront and related resources. See Create a Storefront in Business Manager or Create Storefront Next in Business Manager with a GitHub Repository. To create a SLAS client ID via the CLI, see Storefront Next in the Agentic B2C Developer Toolkit documentation on GitHub.
Tip

The command creates a project folder under the current directory with your storefront name, and clones the template into it from the storefront-next-template GitHub repository.
Open the project folder in an IDE.
(Optional) Verify your configuration in the generated .env file. The default values connect to a demo B2C Commerce instance.
In a terminal window, go to the storefront folder.
1cd {project-folder}
Install Storefront Next project dependencies that are specified in package.json.
1pnpm install
Build the storefront.
1pnpm run build
Run the development server.
1pnpm run dev
Open the development server URL shown in the output to view the storefront in the browser. For example, the URL with the default port is http://localhost:5173.

Next Steps

Customize Your Storefront