Get familiar with Storefront Next and understand what it brings to Salesforce B2C Commerce. This chapter covers its main benefits, architecture, core concepts, underlying technologies, and supported browsers.

Introduction to Storefront Next

Key Benefits

Architecture and Core Concepts

Technology Stack

Browser Compatibility

Introducing Storefront Next

Learn how to create your first Storefront Next project. This chapter explains the prerequisites and walks through the available setup options, including creation from Business Manager with GitHub synchronization and from the source code.

Introduction

Create Storefront Next with Business Manager and GitHub

Create Storefront Next with Salesforce CLI

Run Storefront Next Locally with Demo Credentials

Creating a Storefront Next Project

Storefront Next: Introduction gives you a clear and practical introduction to Salesforce’s new framework for building modern B2C Commerce storefronts.You will begin by understanding what Storefront Next is, why Salesforce introduced it, and the main benefits it offers compared with previous storefront approaches. The course explains its architecture, core concepts, rendering model, and relationship with B2C Commerce, Managed Runtime, SCAPI, Business Manager, and the Salesforce Platform.You will also explore the technologies behind the framework, including React 19, React Router 7, TypeScript, Vite, Tailwind CSS, and shadcn/ui, as well as the officially supported browser environments. Storefront Next combines server-side rendering with client-side navigation and runs on Managed Runtime to deliver performant and personalized shopping experiences.The second part of the course focuses on getting started in practice. You will review the required prerequisites and learn the available ways to create a Storefront Next project:<ul><li>Creating a storefront from Business Manager and synchronizing it with GitHub</li><li>Creating and configuring a project directly from the source code</li></ul>By the end of the course, you will understand the foundations of Storefront Next, the role of each major architectural component, and the steps required to create your first storefront project.This course is designed for Salesforce B2C Commerce developers, architects, technical leads, and professionals who want to understand Salesforce’s new storefront framework before moving into deeper implementation and customization topics.

Build a solid foundation in Storefront Next with a clear, practical introduction.

Get started with Storefront Next, Salesforce B2C Commerce’s new full-stack framework. Learn its benefits, architecture, technology stack, requirements, and how to create your first storefront.

Storefront Next: Introduction

Dashboard

Profile

Memberships

Courses

Bundle Courses

Communities

Groups

Digital Products

Physical Products

Live Products

Video Library

Audio Library

Events

Appointments

Premium Pages

Certificates

Badges

Order History

Organization Orders

Subscription

Affiliate Dashboard

Settings

Billing

Coaching Programs

Get Started with B2C Commerce

B2C Commerce Script

OCAPI

B2C Commerce API (SCAPI)

Salesforce Developer Portal

SFCC Is not the problem

Storefront Next

SFCC Infocenter

sfcc

Primary Menu

System Defaults

Primary color

Primary color hover

Heading text color

Body text color

Banner text color

Primary button text color

Primary button text hover color

Secondary button background color

Secondary button background hover color

Secondary button text color

Secondary button text hover color

Navbar item background color

Navbar item text color

Navbar item text hover color

Storefront Next: Introduction

Language

Level

Duration

What you will learn

Understand what Storefront Next is and how it works

Learn its main benefits and core concepts

Identify the technologies behind the framework

Create and run a Storefront Next project locally

Understand the available setup options

Course content

Course Description

FAQ

Build a solid foundation in Storefront Next with a clear, practical introduction.