Skip to content

Modern eCommerce Storefront based on Next.js and React.js technologies. PrestaShop React.js Theme.

License

Notifications You must be signed in to change notification settings

binshops/react-ecommerce

Repository files navigation

react-ecommerce

πŸš€ React.js E-Commerce

Open-source e-commerce react.js and next.js template. Easily, build your headless e-commerce website using a reliable API and a modern storefront.

Build your e-commerce website quickly and efficiently with:

  • 30+ fully coded react.js components
  • Responsive design
  • Home, PDP and PLP fully workable pages
  • Connected to a sample API
  • Special Features

React e-commerce has everything you need to create the headless e-commerce website.

Version 2 is the complete version of the eCommerce storefront that comes with a full set of eCommerce features for the customer journey.

Let's take a look at the doc for getting started: React.js / Next.js E-Commerce Documentation

Project Structure

β”œβ”€β”€ locales
β”‚   β”œβ”€β”€ en
β”‚   └── fr
β”œβ”€β”€ public
β”‚   └── images
β”‚       β”œβ”€β”€ home
β”‚       β”‚   └── category
β”‚       β”œβ”€β”€ icon
β”‚       β”œβ”€β”€ instagramPost
β”‚       └── slider
└── src
β”œβ”€β”€ component
β”‚   β”œβ”€β”€ accordionItem
β”‚   β”œβ”€β”€ cartContent
β”‚   β”‚   └── cardItem
β”‚   β”‚       └── updateQuantity
β”‚   β”œβ”€β”€ category
β”‚   β”‚   β”œβ”€β”€ categoryOptions
β”‚   β”‚   β”œβ”€β”€ categoryProduct
β”‚   β”‚   β”œβ”€β”€ filter
β”‚   β”‚   β”‚   └── checkBox
β”‚   β”‚   β”œβ”€β”€ placeholder
β”‚   β”‚   └── sort
β”‚   β”œβ”€β”€ footer
β”‚   β”œβ”€β”€ header
β”‚   β”œβ”€β”€ homeCategory
β”‚   β”œβ”€β”€ instagramPost
β”‚   β”œβ”€β”€ loadingIndicator
β”‚   β”œβ”€β”€ mainSlider
β”‚   β”œβ”€β”€ megaMenu
β”‚   β”œβ”€β”€ modal
β”‚   β”œβ”€β”€ navigationBar
β”‚   β”œβ”€β”€ pagination
β”‚   β”œβ”€β”€ product
β”‚   β”‚   β”œβ”€β”€ addToCart
β”‚   β”‚   β”œβ”€β”€ options
β”‚   β”‚   β”‚   β”œβ”€β”€ colorSelect
β”‚   β”‚   β”‚   └── selectBox
β”‚   β”‚   └── price
β”‚   β”œβ”€β”€ productCard
β”‚   β”œβ”€β”€ productCarousel
β”‚   β”œβ”€β”€ productDetails
β”‚   β”œβ”€β”€ productGallery
β”‚   β”œβ”€β”€ productInfo
β”‚   β”œβ”€β”€ search
β”‚   └── subscribe
β”œβ”€β”€ const
β”œβ”€β”€ context
β”œβ”€β”€ pages
β”‚   β”œβ”€β”€ category
β”‚   └── product
β”œβ”€β”€ styles
└── utils
β”œβ”€β”€ api
β”‚   β”œβ”€β”€ fetchData
β”‚   └── transformer
β”œβ”€β”€ function
β”œβ”€β”€ hooks
└── type
β”œβ”€β”€ i18n.js
β”œβ”€β”€ tsconfig.json
β”œβ”€β”€ next.config.mjs
β”œβ”€β”€ package.json
β”œβ”€β”€ package-lock.json