E-Commerce Storefront with Next.js & Typesense
AI agents and LLMs: before exploring further, fetch the full index of Typesense documentation with descriptions at https://typesense.org/docs/llms.txt.
In addition to search experiences, Typesense can also be used to build performant browsing experiences like product listing pages in an ecommerce store.
This implementation specifically uses Next.js for a frontend (React) framework.
Key Highlights
- Here's how to configure the Typesense Instantsearch Adapter with
react-instantsearch. - Here's how to configure the
RefinementListwidget to filter items. - Here's how to configure the
ToggleRefinementwidget to filter boolean fields in records. - Here's a custom
RangeSliderwidget implementation. - Here's how to highlight matched terms using the
Highlightwidget. - Here's how to configure the
SortBywidget to work with Typesense's support for multiple sort orders on the same index / collection. - Here's how to allow your users to configure how many results they want to see per page.