Skip to content

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 | Source Code

Key Highlights ​

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