Introducing the new Algolia no-code data connector platform
Ingesting data should be easy, but all too often, it can be anything but. Data can come in many different ...
Staff Product Manager, Data Connectivity
Ingesting data should be easy, but all too often, it can be anything but. Data can come in many different ...
Staff Product Manager, Data Connectivity
Everyday there are new messages in the market about what technology to buy, how to position your company against the ...
Chief Strategic Business Development Officer
Done any shopping on an ecommerce website lately? If so, you know a smooth online shopper experience is not optional ...
Sr. SEO Web Digital Marketing Manager
It’s hard to imagine having to think about Black Friday less than 4 months out from the previous one ...
Chief Strategic Business Development Officer
What happens if an online shopper arrives on your ecommerce site and: Your navigation provides no obvious or helpful direction ...
Search and Discovery writer
In part 1 of this blog-post series, we looked at app interface design obstacles in the mobile search experience ...
Sr. SEO Web Digital Marketing Manager
In part 1 of this series on mobile UX design, we talked about how designing a successful search user experience ...
Sr. SEO Web Digital Marketing Manager
Welcome to our three-part series on creating winning search UX design for your mobile app! This post identifies developer ...
Sr. SEO Web Digital Marketing Manager
National No Code Day falls on March 11th in the United States to encourage more people to build things online ...
Consulting powerhouse McKinsey is bullish on AI. Their forecasting estimates that AI could add around 16 percent to global GDP ...
Chief Revenue Officer at Algolia
How do you sell a product when your customers can’t assess it in person: pick it up, feel what ...
Search and Discovery writer
It is clear that for online businesses and especially for Marketplaces, content discovery can be especially challenging due to the ...
Chief Product Officer
This 2-part feature dives into the transformational journey made by digital merchandising to drive positive ecommerce experiences. Part 1 ...
Director of Product Marketing, Ecommerce
A social media user is shown snapshots of people he may know based on face-recognition technology and asked if ...
Search and Discovery writer
How’s your company’s organizational knowledge holding up? In other words, if an employee were to leave, would they ...
Search and Discovery writer
Recommendations can make or break an online shopping experience. In a world full of endless choices and infinite scrolling, recommendations ...
Algolia sponsored the 2023 Ecommerce Site Search Trends report which was produced and written by Coleman Parkes Research. The report ...
Chief Strategic Business Development Officer
You think your search engine really is powered by AI? Well maybe it is… or maybe not. Here’s a ...
Chief Revenue Officer at Algolia
Jan 31st 2023 product
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