This is a React 18/Next.js based template for an ecommerce application, focused on delivering a rich search and discovery experience. The design is based on the Algolia ecommerce UI design kit and the implementation focuses on performance and customization.
The PWA Ecom UI Template is fully responsive. Check out the latest version deployed on Netlify.
- Autocomplete.js
- React InstantSearch
- Uses React hooks/functional components
- SEO optimized
- PWA compliant
- Server-Side Rendering with Next.js
- Theming with Tailwind CSS
- Lighthouse scores >90%
- Built with TypeScript
The UI Template uses core and packaged React InstantSearch widgets.
These ready-to-use custom widgets are distributed as separate NPM packages (only those with with the 📦 icon for now) or present in this repository.
- 📦 ColorRefinementList
- 📦 SizeRefinementList
- 📦 LoadMoreWithProgressBar
- ExpandablePanel
- RefinementsDropdown
- RatingSelector
- NoResultsHandler
- BreadcrumbWithQuery
These core widgets are part of InstantSearch and are customized using connectors:
Expand
- InstantSearch
- Index
- Configure
- SearchBox (virtual)
- Hits/InfiniteHits
- Highlight/Snippet
- RefinementList
- DynamicWidgets
- HierarchicalMenu
- CurrentRefinements
- RangeInput
- RatingMenu
- ClearRefinements
- Breadcrumb
- Stats
- StateResults
- SortBy
- RelevantSort
The UI template supports the last two versions of the major browsers: Chrome, Edge, Firefox, Safari.
The UI template is licensed under the MIT license.