E-commerce Starter

A complete, production-ready online shop with shopping cart, product catalog, and checkout flow. Built with Noor UI components and localStorage - no backend required!

View All Starters View on GitHub

Features

Shopping Cart

Full cart functionality with localStorage

Add/remove products
Update quantities
Persistent cart
Real-time totals

Product Catalog

Browse and filter products

Search functionality
Category filters
Product ratings
Sale badges

Product Details

Detailed product pages

High-res images
Full descriptions
Quantity selector
Stock status

Checkout Flow

Complete checkout process

Shipping form
Payment options
Order summary
Confirmation page

Product Reviews

Ratings and review counts

Star ratings
Review counts
Average scores
Visual indicators

Technology Stack

Next.js 14

App Router with Client Components

LocalStorage

Cart persistence without backend

React Context

Global cart state management

Noor UI

All shop components

TypeScript

Fully typed codebase

Tailwind CSS

Styling with RTL support

Code Examples

Adding Products to Cart

Simple one-line cart integration

Cart Hook API

Access cart state and methods

What's Included

Pages & Features

Home page with featured products
Products listing with search & filters
Product detail pages
Shopping cart with localStorage
Checkout form and order confirmation

E-commerce Features

8 sample products with images
5 product categories
Product ratings and reviews
Sale badges and discounts
All bilingual (English/Arabic)

Quick Setup

Copy & Run

No backend setup required - just copy and start!

Ready to build your online shop?

Copy the starter, customize products, and deploy. No backend needed to get started!

View All Starters