Introduction
AURORA Commerce Pro has taken a significant leap forward by integrating support for Sanity CMS, all without modifying the storefront. This advancement addresses previous limitations, particularly for non-technical users who require a visual CMS interface.
The Challenge
Initially, AURORA Commerce was designed to read product data from YAML files using Nuxt Content. This approach worked well for technical operators but posed challenges for clients who needed a simpler, more intuitive way to manage content.
The Adapter Pattern Solution
To resolve this, a flexible adapter pattern was introduced. This involves a single resolver that bridges API routes and data sources, ensuring that storefront pages remain unaffected by CMS changes. Here’s the workflow:
- Storefront Pages: Do not directly query products.
- API Routes: Call the adapter.
- Adapter: Determines the data source (NuxtContentAdapter, SanityAdapter, or custom).
- Product Normalization: Data is normalized to maintain consistency.
Key Components
- CatalogAdapter Interface: A contract that every data provider follows.
- CatalogProduct and ProductApiItem: Ensure that data remains consistent and locale-aware.
Switching Providers
Switching between content providers is simplified through environment variables. By setting the CATALOG_PROVIDER, users can choose between Nuxt Content YAML and Sanity, or even add a custom CMS.
Implementing the Sanity Adapter
The Sanity adapter functions without any class or instance state. It fetches product data using Sanity's API and normalizes it to fit the internal structure required by the storefront.
Image Handling and Resilience
AURORA Commerce Pro also addresses image URL failures by tracking failed images and automatically selecting the next available one. This ensures a smooth user experience without broken images.
Custom Adapter Integration
Adding support for new CMS platforms involves creating a new adapter, normalizing its data, and integrating it with the existing system. This architecture maintains the storefront’s integrity while expanding its flexibility.
Conclusion
With these improvements, AURORA Commerce Pro transforms the catalog source into a configurable element, enhancing its appeal for a broader range of users. The original flexibility remains intact, while the new integration capabilities open up possibilities for seamless CMS transitions.
Get Started
Explore the live demo and discover more about AURORA Commerce Pro on Gumroad.
Built on a robust tech stack including Nuxt 4, Vue 3, and more, this update marks a pivotal enhancement for AURORA Commerce.