---
title: "storefront-next"
description: "Storefront Next development skills for building React 19 storefronts on Salesforce B2C Commerce."
canonical: https://agentpluginsdirectory.com/plugins/storefront-next
last-updated: 2026-11-07
---

# storefront-next
Storefront Next development skills for building React 19 storefronts on Salesforce B2C Commerce.
- Slug: storefront-next
- Publisher: Salesforce
- Repository: https://github.com/SalesforceCommerceCloud/b2c-developer-tooling
- Manifest: skills/storefront-next/plugin.json
- Version: 1.15.0
- License: Apache-2.0
- Category (editorial): design-frontend
- Skills: 24 (sfnext-accessibility, sfnext-analytics-consent, sfnext-authentication, sfnext-commerce-features, sfnext-components, sfnext-configuration, sfnext-data-fetching, sfnext-deployment, sfnext-extensions, sfnext-hybrid-storefronts, sfnext-i18n, sfnext-overview, sfnext-page-designer, sfnext-performance, sfnext-project-setup, sfnext-quality-gates, sfnext-revalidation, sfnext-routing, sfnext-scapi, sfnext-security, sfnext-seo, sfnext-state-management, sfnext-testing, sfnext-theming)
- MCP servers: 0
- Stars: 58
- Repository created: 2025-10-31
- Repository last pushed: 2026-11-07
- Publisher type: Organization
- Listing: https://agentpluginsdirectory.com/plugins/storefront-next
- Schema: https://agent-plugins.org/schemas/1.0.0/plugin.schema.json

## What storefront-next does, in the publisher's words

Agent skills for building Salesforce B2C Storefront Next projects, React 19 storefronts with routing, data fetching, Page Designer, authentication, i18n, extensions, and deployment to Managed Runtime.

Part of the B2C Developer Tooling marketplace.

From the project README, punctuation lightly normalized. Full text: https://raw.githubusercontent.com/SalesforceCommerceCloud/b2c-developer-tooling/HEAD/skills/storefront-next/README.md

## Skills

- sfnext-accessibility
- sfnext-analytics-consent
- sfnext-authentication: Implement authentication in Storefront Next using split-cookie architecture, SLAS tokens, and auth middleware. Use when accessing user identity in loaders, detecting guest vs registered users, using getAuth or useAuth, or understanding session management and token refresh.
- sfnext-commerce-features
- sfnext-components: Build UI components in Storefront Next using createPage HOC, Suspense/Await patterns, shadcn/ui, and Tailwind CSS v4. Use when creating page components, adding Suspense boundaries, integrating shadcn/ui, styling with Tailwind, or organizing component files. Covers server vs client rendering pattern…
- sfnext-configuration: Manage Storefront Next application configuration using config.server.ts, schema types, environment variables, and multi-site setup. Use when editing config.server.ts, adding PUBLIC__ environment variables, using useConfig or getConfig, or configuring multiple sites. NOT for initial project creation…
- sfnext-data-fetching: Implement server-side data fetching in Storefront Next using loaders, actions, and useScapiFetcher. Use when writing loader functions, making SCAPI calls, handling form submissions, or implementing interactive data fetching. Covers synchronous loaders, streaming patterns, createApiClients, and para…
- sfnext-deployment: Build and deploy Storefront Next storefronts to Managed Runtime (MRT) using the sfnext CLI. Use when running production builds, pushing bundles to MRT with sfnext push, configuring deployment environments, or deploying Page Designer cartridges. This is for Storefront Next deployment: for general M…
- sfnext-extensions: Build extensions for Storefront Next using target-config.json, target points, extension routes, and translation namespaces. Use when creating modular features, inserting components into UI targets, adding extension routes, adding a section to an existing page, or using SFDC_EXT_ integration markers…
- sfnext-hybrid-storefronts: Implement hybrid storefronts that run Storefront Next alongside SFRA or SiteGenesis. Use when planning gradual migration from SFRA, configuring hybrid proxy for local development, setting up session bridging between storefronts, or routing traffic between old and new implementations.
- sfnext-i18n: Implement internationalization in Storefront Next using i18next with useTranslation for components and getTranslation for server-side code. Use when adding translations, configuring locales, handling pluralization, using the Zod schema factory pattern, or managing extension translations. Covers nam…
- sfnext-overview
- sfnext-page-designer: Integrate Page Designer with Storefront Next using React decorators, component registry, and Region rendering. Use when creating merchant-editable pages, adding Page Designer components with @Component/@AttributeDefinition decorators, using fetchPageFromLoader, or rendering Regions. This is for the…
- sfnext-performance
- sfnext-project-setup
- sfnext-quality-gates
- sfnext-revalidation
- sfnext-routing
- sfnext-scapi
- sfnext-security
- sfnext-seo
- sfnext-state-management
- sfnext-testing
- sfnext-theming

Descriptions come from the frontmatter of each SKILL.md, punctuation lightly normalized.