InstantSearch / React / V6 / Guides
Deprecated content
This documentation is for a deprecated version of React InstantSearch. Some features and settings may be missing or their usage may have changed. Refer to the documentation for the latest version of React InstantSearch for up-to-date information.

Get inspired and speed up your storefront implementation with this starter kit based on React and Next.js that helps you build an attractive, first-class search and discovery experience.

The Ecommerce UI template consists of UI components

Start with a template, not a blank page

The Ecommerce UI template has significant benefits for developers creating an online store:

  • It’s production-ready. As a developer, you can tailor the UI template to your business using pre-packaged, customizable components. You can re-use as much of the template as you like and customize the rest.
  • You get a beautiful, mobile-friendly search and discovery experience.
  • The UI template focuses on great user experience and performance.

Although the Ecommerce UI template is designed primarily for ecommerce applications, it’s flexible enough that you can adapt to other use cases. For example, Algolia’s Code Exchange is built on top of this UI template.

What’s a UI template?

The Ecommerce UI template helps mobile developers and UI/UX designers build an online store that matches your business needs. It’s a quick start package, designed to be mobile-first, optimized for UI/UX using Algolia’s UI design kit, and embracing search and discovery best practices.

The UI template has two main screens:

  • Home page, which focuses on user “product discovery”.
  • Product listing page, which unifies search and product discovery into a single experience allowing users to find products by combining keyword-based search and facet-based navigation.

The UI template uses the best of the Algolia platform:

Getting started

Start a new project on your local machine to create a new online store:

Going further

Learn how you can customize the UI template for your use case:

See the list of components used to build the UI template:

Technologies used by the Ecommerce UI template

Did you find this page helpful?