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: Optimized 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 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: With the Storybook component library and automated testing, Storybook enhances component quality and accelerates development.

In this section:

• Get Started
• Build and Customize Storefront Next
• Deploy and Manage Storefront Next on Managed Runtime
• Preview, Test, and Debug Storefront Next
• Optimize the Performance of Storefront Next
• Track Storefront Next Activity with Analytics
• Migrate from PWA Kit to Storefront Next
• CLI Reference