Build Modern and Scalable Storefronts with Storefront Next
Storefront Next delivers a performant, reliable, and personalized storefront experience by using modern web technologies, such as React 19 and Tailwind CSS.
Storefront Next uses React Router 7 framework mode, which renders pages on the server for initial page loads and reduces client-heavy processing in the browser. This server-driven processing boosts storefront shopping experience and client performance. With server-side personalization and user state management via cookies, Storefront Next delivers tailored content and data without sacrificing performance. Storefront Next uses Tailwind and shadcn/ui for CSS styling, which results in smaller storefront bundles and improved Core Web Vitals.
Storefront Next provides these benefits.
- High-performance server rendering: Optimizes for Core Web Vitals through streaming server-side rendering (SSR) and intelligent hydration.
- Personalization-first: Delivers tailored content and data without sacrificing performance.
- AI-ready: Provides AI-assisted development with the Agentic B2C Developer Toolkit and AI-assisted shopping with Shopper Agent.
- Unified workflows: Bridges the gap between Page Designer for business users and pro-code routes for developers.
- Storybook integration: Accelerates development and enhances component quality through the Storybook component library and automated testing.
In this section:
Learn about the architecture and core concepts that power Storefront Next, and review browser compatibility requirements to ensure your storefront works across different platforms. Get up and running with Storefront Next by creating a new storefront or connecting an existing one to B2C Commerce.
Customize your storefront and build the main shopping flows. Manage shopper identity, control access to your storefront environments, and deliver content and merchandise.
- Customize Storefront Next
- Build the Shopping Experience
- Manage Shopper Identity
- Present Content and Merchandise
- Secure Your Storefront
- CLI Reference
Managed Runtime provides the cloud infrastructure to deploy, host, and monitor Storefront Next.
- Deploy and Manage Storefront Next on Managed Runtime
- Preview, Test, and Debug Storefront Next
- Optimize the Performance of Storefront Next
- Integrate Storefront Next with Analytics and Data Platforms
To run Storefront Next alongside your existing SFRA or SiteGenesis storefront, use Hybrid Auth. This section covers hybrid storefront setup, routing configuration, and login and registration support for hybrid deployments.
When your storefront is ready for staging or production, launch it to make it accessible from a public web address. Configure routing rules in Business Manager for vanity or custom domains to direct traffic to the right environment.
If you’re a PWA Kit developer and are building a Storefront Next storefront, learn about the differences in the technologies and architecture used in PWA Kit and Storefront Next. Storefront Next keeps the same B2C Commerce backend model as PWA Kit (SCAPI, SLAS, and Managed Runtime), but it shifts implementation patterns across the stack. The storefront architecture shifts from a client-heavy, hook-driven architecture in PWA Kit to a server-first architecture built on React Router 7, Vite, and TypeScript in Storefront Next.