Production Ready
No Backend
Bilingual
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!
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!