Search by Algolia
Introducing the new Algolia no-code data connector platform
engineering

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 ...

Keshia Rose

Staff Product Manager, Data Connectivity

Customer-centric site search trends
e-commerce

Customer-centric site search trends

Everyday there are new messages in the market about what technology to buy, how to position your company against the ...

Piyush Patel

Chief Strategic Business Development Officer

What is online retail merchandising? An introduction
e-commerce

What is online retail merchandising? An introduction

Done any shopping on an ecommerce website lately? If so, you know a smooth online shopper experience is not optional ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

5 considerations for Black Friday 2023 readiness
e-commerce

5 considerations for Black Friday 2023 readiness

It’s hard to imagine having to think about Black Friday less than 4 months out from the previous one ...

Piyush Patel

Chief Strategic Business Development Officer

How to increase your sales and ROI with optimized ecommerce merchandising
e-commerce

How to increase your sales and ROI with optimized ecommerce merchandising

What happens if an online shopper arrives on your ecommerce site and: Your navigation provides no obvious or helpful direction ...

Catherine Dee

Search and Discovery writer

Mobile search UX best practices, part 3: Optimizing display of search results
ux

Mobile search UX best practices, part 3: Optimizing display of search results

In part 1 of this blog-post series, we looked at app interface design obstacles in the mobile search experience ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Mobile search UX best practices, part 2: Streamlining search functionality
ux

Mobile search UX best practices, part 2: Streamlining search functionality

In part 1 of this series on mobile UX design, we talked about how designing a successful search user experience ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Mobile search UX best practices, part 1: Understanding the challenges
ux

Mobile search UX best practices, part 1: Understanding the challenges

Welcome to our three-part series on creating winning search UX design for your mobile app! This post identifies developer ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Teaching English with Zapier and Algolia
engineering

Teaching English with Zapier and Algolia

National No Code Day falls on March 11th in the United States to encourage more people to build things online ...

Alita Leite da Silva

How AI search enables ecommerce companies to boost revenue and cut costs
ai

How AI search enables ecommerce companies to boost revenue and cut costs

Consulting powerhouse McKinsey is bullish on AI. Their forecasting estimates that AI could add around 16 percent to global GDP ...

Michelle Adams

Chief Revenue Officer at Algolia

What is digital product merchandising?
e-commerce

What is digital product merchandising?

How do you sell a product when your customers can’t assess it in person: pick it up, feel what ...

Catherine Dee

Search and Discovery writer

Scaling marketplace search with AI
ai

Scaling marketplace search with AI

It is clear that for online businesses and especially for Marketplaces, content discovery can be especially challenging due to the ...

Bharat Guruprakash

Chief Product Officer

The changing face of digital merchandising
e-commerce

The changing face of digital merchandising

This 2-part feature dives into the transformational journey made by digital merchandising to drive positive ecommerce experiences. Part 1 ...

Reshma Iyer

Director of Product Marketing, Ecommerce

What’s a convolutional neural network and how is it used for image recognition in search?
ai

What’s a convolutional neural network and how is it used for image recognition in search?

A social media user is shown snapshots of people he may know based on face-recognition technology and asked if ...

Catherine Dee

Search and Discovery writer

What’s organizational knowledge and how can you make it accessible to the right people?
product

What’s organizational knowledge and how can you make it accessible to the right people?

How’s your company’s organizational knowledge holding up? In other words, if an employee were to leave, would they ...

Catherine Dee

Search and Discovery writer

Adding trending recommendations to your existing e-commerce store
engineering

Adding trending recommendations to your existing e-commerce store

Recommendations can make or break an online shopping experience. In a world full of endless choices and infinite scrolling, recommendations ...

Ashley Huynh

Ecommerce trends for 2023: Personalization
e-commerce

Ecommerce trends for 2023: Personalization

Algolia sponsored the 2023 Ecommerce Site Search Trends report which was produced and written by Coleman Parkes Research. The report ...

Piyush Patel

Chief Strategic Business Development Officer

10 ways to know it’s fake AI search
ai

10 ways to know it’s fake AI search

You think your search engine really is powered by AI? Well maybe it is… or maybe not.  Here’s a ...

Michelle Adams

Chief Revenue Officer at Algolia

Looking for something?

Powering Advanced Search in Adobe PWA Studio Using Algolia
facebookfacebooklinkedinlinkedintwittertwittermailmail

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. 

Introducing the Algolia Extension for Adobe’s PWA Studio

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:

autocomplete-search

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.

Want to learn more or find out how you can try Algolia?

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.

About the author
Rachel Trott

Engineering Lead, Magento

linkedin

Recommended Articles

Powered byAlgolia Algolia Recommend

Bringing Advanced Search to Magento 2
e-commerce

Jan Petr

Software Engineer

Algolia’s find-as-you-type now available on Magento Connect
e-commerce

jeremy

Leveraging Adobe Analytics for Algolia Search
product

Micah Garside-White
Debanshi Bheda

Micah Garside-White &

Debanshi Bheda