🛍️ NexCart

A modern eCommerce web application built with Next.js, TypeScript, and Stripe.
Admin operations are powered by Wix Dashboard, ensuring easy content and product management.

---

🚀 Tech Stack

Tool	Purpose
Next.js 14	Frontend framework for server-side rendering and static generation
TypeScript	Type-safe development
Wix	Dashboard and content management
Stripe	Secure payment gateway
Zustand	Lightweight state management
timeago.js	Human-readable timestamps
Tailwind CSS	Styling and responsive UI

---

📦 Features

• 🛒 Dynamic product listing & details
• 💳 Stripe checkout integration
• 👤 User authentication
• ⚙️ Wix Dashboard integration for product management
• 🔄 Real-time updates using Zustand store
• ⏰ Friendly timestamps via timeago.js
• 🌙 Responsive UI with dark mode support (optional)

---

🏗️ Getting Started

1️⃣ Clone the repository

git clone https://github.com/yourusername/nexcart.git
cd nexcart

2️⃣ Install dependencies

npm install
# or
yarn install

3️⃣ Setup environment variables

Create a .env.local file in the root directory and add:

STRIPE_SECRET_KEY=your_stripe_secret_key
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key
WIX_API_KEY=your_wix_api_key

4️⃣ Run the development server

npm run dev
# or
yarn dev

🧱 Project Structure

nexcart/
│
├── src/                      
│   │
│   ├── app/                  
│   │   ├── page.tsx          
│   │   ├── layout.tsx        
│   │   ├── globals.css       
│   │   ├── favicon.ico       
│   │   │
│   │   ├── [slug]/           
│   │   │   └── page.tsx      
│   │   │
│   │   ├── list/             
│   │   │   └── page.tsx      
│   │   │
│   │   └── login/            
│   │       └── page.tsx      
│   │
│   └── components/           
│       ├── CartModal.tsx     
│       ├── Footer.tsx        
│       ├── Menu.tsx          
│       ├── Navbar.tsx
│       ├── Slider.tsx          
│       ├── ProductImages.tsx    
│       ├── NavIcons.tsx      
│       ├── Filter.tsx     
│       ├── CategoryList.tsx     
│       ├── CustomizedProducts.tsx
│       ├── Add.tsx
│       ├── ProductList.tsx     
│       └── SearchBar.tsx       
│
├── public/                   
│
└── README.md                 

🧑‍💻 Author

Mahmoud Mostafa Mahmoud Attia Frontend Developer | React.js | Next.js | TypeScript
📧 mahmoud309mostafa@gmail.com

📄 License

Licensed under the MIT License © 2025 Mahmoud Mostafa (Jhonny).