Easily integrate Algolia into native apps with FlutterFlow
Algolia's advanced search capabilities pair seamlessly with iOS or Android Apps when using FlutterFlow. App development and search design ...
Sr. Developer Relations Engineer
Algolia's advanced search capabilities pair seamlessly with iOS or Android Apps when using FlutterFlow. App development and search design ...
Sr. Developer Relations Engineer
In the midst of the Black Friday shopping frenzy, Algolia soared to new heights, setting new records and delivering an ...
Chief Executive Officer and Board Member at Algolia
When was your last online shopping trip, and how did it go? For consumers, it’s becoming arguably tougher to ...
Senior Digital Marketing Manager, SEO
Have you put your blood, sweat, and tears into perfecting your online store, only to see your conversion rates stuck ...
Senior Digital Marketing Manager, SEO
“Hello, how can I help you today?” This has to be the most tired, but nevertheless tried-and-true ...
Search and Discovery writer
We are proud to announce that Algolia was named a leader in the IDC Marketscape in the Worldwide General-Purpose ...
VP Corporate Marketing
Twice a year, B2B Online brings together America’s leading manufacturers and distributors to uncover learnings and industry trends. This ...
Director, Sales Enablement & B2B Practice Leader
Generative AI and large language models (LLMs). These two cutting-edge AI technologies sound like totally different, incomparable things. One ...
Search and Discovery writer
ChatGPT, Bing, Bard, YouChat, DALL-E, Jasper…chances are good you’re leveraging some version of generative artificial intelligence on ...
Search and Discovery writer
Your users are spoiled. They’re used to Google’s refined and convenient search interface, so they have high expectations ...
Technical Writer
Imagine if, as your final exam for a computer science class, you had to create a real-world large language ...
Sr. SEO Web Digital Marketing Manager
What do you think of the OpenAI ChatGPT app and AI language models? There’s lots going on: GPT-3 ...
Search and Discovery writer
In the fast-paced and dynamic realm of digital merchandising, being reactive to customer trends has been the norm. In ...
Staff User Researcher
You’re at a dinner party when the conversation takes a computer-science-y turn. Have you tried ChatGPT? What ...
Sr. SEO Web Digital Marketing Manager
It’s the era of Big Data, and super-sized language models are the latest stars. When it comes to ...
Search and Discovery writer
Did you know that 86% of the global population uses a smartphone? The 7 billion devices connected to the Internet ...
Staff SME Business & Optimization - UI/UX
The Cloud Native Foundation is known for being the organization behind Kubernetes and many other Cloud Native tools. To foster ...
TL;DR Revamp your technical documentation search experience with DocSearch! Previously only available to open-source projects, we're excited ...
Senior Engineering Manager
Progressive Web Applications (PWA) have revolutionized the way we create and consume digital experiences. PWAs are web applications that provide a native-app like experience, including offline functionality and smooth performance across multiple devices. Adobe’s PWA Studio provides developers with a set of tools and components to help them build and deploy PWA storefronts on top of an Adobe Commerce / Magento Open Source backend with ease and efficiency. It enables developers to create high-quality, engaging PWAs that can be accessed from any device and offer seamless functionality.
Algolia is a powerful search and discovery platform that helps businesses deliver lightning-fast search results and improve the user experience. Algolia’s search platform is designed to fit easily in any front-end architecture and PWA is no exception. With over 1,300 retailers using Algolia search on top of Adobe Commerce / Magento, we wanted to make it easier for our customers to understand the implementation of our React components in PWA Studio. We are excited to announce the Algolia Extension for Adobe’s PWA Studio.
To get started, check out the repository on GitHub: https://github.com/algolia-samples/algoliasearch-magento-2-pwa.
The Algolia Extension for Adobe’s PWA Studio is built on top of the Adobe Commerce / Magento Open Source backend and AlgoliaSearch Magento 2 extension. It demonstrates how to integrate Algolia’s Autocomplete, InstantSearch, and Search Insights React libraries into PWA Studio Venia theme to enhance the search experience.
The extension utilizes Algolia’s React library for InstantSearch to replace the category page in the Venia theme:
Additionally, the extension also extends the search bar of the Venia theme with Algolia’s Autocomplete and utilizes Algolia’s Search Insights library to send events:
You can get more information on the exact versions of the libraries used in this extension here. This extension needs the Algolia index and backend admin configuration created by using the AlgoliaSearch Magento 2 extension . However, please note that the GraphQL endpoints are not available yet in our AlgoliaSearch Magento 2 Extension. So you should manually create the config.json file for Algolia configurations. To aid in this process, we have included a sample config.json for reference.
Reach out to us at adobe-algolia-solutions@algolia.com to share feedback! Please note, this is not production-ready. It is a proof of concept to showcase the usage of Algolia’s Autocomplete, InstantSearch, and Search Insights React libraries in PWA Studio. We are happy to chat with you about best practices, trade-offs, and learn what works best for you!
Just in case if you have missed it, check out the rest of our ‘Adobe x Algolia Integrations’ Series, including our piece: Recommend for Adobe Commerce.
Powered by Algolia Recommend