E-Commerce Storefront

In addition to search experiences, Typesense can also be used to build performant browsing experiences like product listing pages in an ecommerce store.

Live Demo (opens new window) | Source Code (opens new window)

Key Highlights

• Here's (opens new window) how to update the URL to reflect the state of the page as users click on different widgets.
• Here's (opens new window) how to use the pagination widget in InstantSearch.js.
• Here's (opens new window) how to use the hierarchicalMenu widget in InstantSearch.js.
• Here's (opens new window) how to use the rangeSlider widget in InstantSearch.js.
• Here's (opens new window) how to use the ratingMenu widget in InstantSearch.js.
• Here's (opens new window) how to use Typesense's Dynamic Sorting feature with InstantSearch.js' sortBy widget.
• Here's (opens new window) how to let users pick the number of results they want to see on the page.
• Here's (opens new window) how to let users clear all their filter / refinement selections.
• Here's (opens new window) how to capture analytics on how users are interacting with the widgets and send it to a web analytics tool.
• Here's (opens new window) how to search for products that are similar to a given product.
• Here's (opens new window) how to generate embeddings using the Sentence-BERT model.