Get a head start with the Storefront API
The star of the show is the all-new Storefront API, a game-changing headless API that brings a new dimension to cart management and checkout processing. This API empowers you to build omnichannel experiences that were previously beyond reach, making your e-commerce venture more versatile and engaging. It's true headless commerce, enabling you to offer a seamless shopping experience to your customers while maintaining the flexibility to adapt and innovate.
The Storefront API is designed to handle every aspect of cart management and checkout, mirroring the features of the core C# API. It provides two distinct checkout methods: a preferred "redirects" approach and inline/onsite checkout endpoints. Whether you prefer streamlined redirection or on-site payment processing, the Storefront API has you covered.
New APIs can be daunting but we’ve got your back. Get a detailed technical overview of the Storefront API, explore the all-new documentation including how to get started, in-depth explanation of concepts and approaches, and Swagger documentation.
See it in action ▶️
Complementing the new headless API are two online demo stores for you to explore. Here you can see how the Storefront API for Umbraco Commerce can be implemented, complete with checkout flows:
Vercel Commerce Demo
Experience the official Vercel Commerce demo powered by the Storefront API. Witness the seamless integration of the latest NextJS features, offering a glimpse into the endless possibilities.
Explore the Vercel demo
Umbraco Headless Demo
Our very own demo solution takes the showcase a step further. With the design of the official Umbraco swag store reimagined in a headless manner, this demo exemplifies every aspect of the Storefront API, including complex variants and a comprehensive search/filter system.
Discover the Umbraco Headless demo
UmbraCoffee demo
Or why not dive into a demo of the Storefront that I did for UmbraCoffee a couple of Fridays ago (thanks for the invite Callum and Marcin): https://www.youtube.com/watch?v=NUlpfSC3DzM
Seamless Integration with Umbraco Content Delivery API
To further enhance your experience, Umbraco Commerce 12.1 introduces updates to the core property editors through Value Converter enhancements. These updates ensure compatibility with the Umbraco Content Delivery API that shipped with Umbraco 12, ensuring a smooth flow of product data from content to your storefront.
These updates bring even more power to your hands, delivering Storefront API models for store pickers, localized and formatted prices for price fields, and a custom multi-variants model for the variants property editor.
More Enhancements and fixes
Beyond the Storefront API, Umbraco Commerce 12.1 also includes a range of other improvements:
- To allow showing a real-world payment provider example in the headless demo, we made an update to the Stripe payment provider (version 12.1.0) to allow using its callback endpoint to initiate a payment intent for use in the inline payment form example.
- Templating functionality added to payment provider settings, enabling dynamic value resolution for a personalized touch.
- Default order number template set to `ORDER-{0}`, streamlining order identification.
- Fixed default Product Adapter to ensure accurate property value fallbacks for child node-based variants.
- Introduction of `IProductSnapshotWithImage` interface, exposing product images in product snapshots.
- Added ability to adjust the SameSite / Path settings of the Umbraco Commerce cookies