ralodev/react-ecommerce

This is a React 18+Next.js UI for an ecommerce application, based on Algolia's ecom template

PWA Ecom UI Template

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.

View Preview

Introduction

The PWA Ecom UI Template is fully responsive. Check out the latest version deployed on Netlify.

Used technologies

Front-end

• 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

InstantSearch widgets

The UI Template uses core and packaged React InstantSearch widgets.

Custom 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

Core widgets

These core widgets are part of InstantSearch and are customized using connectors:

Expand

Basics

• InstantSearch
• Index
• Configure
• SearchBox (virtual)

Results

• Hits/InfiniteHits
• Highlight/Snippet

Refinements

• RefinementList
• DynamicWidgets
• HierarchicalMenu
• CurrentRefinements
• RangeInput
• RatingMenu
• ClearRefinements

Metadata

• Breadcrumb
• Stats
• StateResults

Sorting

• SortBy
• RelevantSort

Browser support

The UI template supports the last two versions of the major browsers: Chrome, Edge, Firefox, Safari.

License

The UI template is licensed under the MIT license.