Lightning fast search experiences on Shopify’s headless architecture
Our React InstantSearch Hooks, autocomplete and insights libraries have nearly full compatibility with Hydrogen and React 18. Beside the routing issue of React InstantSearch Hooks library, for which the fix is on-going, there is no other blockers
Benefiting from React 18 and our newest React InstantSearch hooks library, the performance of Algolia search & browse in Hydrogen is significantly improved compared to the current theme injected UI available in the integration.
Shopify hydrogen doesn’t come with an out-of-box search page and predictive search component. There are also no out-of-box facets/filters components available in the collection page. The clients need to build the search page, the predictive search component and to optimise the collection page by themselves with GraphQL which can be quite difficult. Our React InstantSearch Hooks, autocomplete and insights libraries can make the development much easier. Our search experience is richer and our performance is much better compared to the GraphQL based Shopify API.
Implementation effort is minimum since we have built a demo store with hydrogen. Only Shopify integration set-up and some configuration change in the demo store will be needed for clients to benefit from Hydrogen X Algolia. Clients can then customise with our instant search and autocomplete best practices. The time-to-market can be significantly reduced with Algolia.
Clients can benefit from our easy-to-use UI libraries for quick UI customization. No liquid or GraphQL competences will be needed compared to Hydrogen Shopify API. The customization is standard and well documented. Clients can also benefit from advanced features like Query Suggestion, Personalization, Dynamic widgets…. using our latest UI libraries. This is not the case for theme injected UI.
