TrendHub Shop

📋 Overview

TrendHub Shop is a comprehensive e-commerce platform built with Next.js, featuring modern UI components with shadcn/ui, PWA capabilities, and efficient data fetching with React Query. The application provides a seamless shopping experience with TypeScript for type safety.

✨ Features

Progressive Web App (PWA) support
Modern UI with shadcn/ui components
Efficient data fetching with React Query
TypeScript for type safety
Responsive design with Tailwind CSS
Product catalog and search
Shopping cart functionality
User authentication
Order management
Payment integration ready
SEO optimized
Performance optimized
PWA (Progressive Web App) support for offline access

🛠️ Technologies Used

Next.jsTypeScriptReact Query (TanStack Query)shadcn/uiTailwind CSSPWAVercelSerwist (for PWA implementation)

📋 Prerequisites

Node.js (v18+)
npm or yarn

🚀 Getting Started

Clone the repository

git clone https://github.com/Ahmed-Alabadla/Ecommerce-TrendHub.git
cd Ecommerce-TrendHub

Install dependencies

npm install

Run the development server

npm run dev

Build for production

npm run build

💡 Usage

Browse products, add items to cart, manage user accounts, and process orders. The app features PWA capabilities for offline usage and mobile app-like experience.

🚀 Deployment

Connect repository to Vercel
Configure environment variables
Deploy automatically on push to main branch

🔐 Environment Variables

Variable	Description	Example
API_URL	Backend API URL for server-side requests	http://localhost:8000/api
NEXT_PUBLIC_API_URL	Public API URL for client-side requests	http://localhost:8000/api
NODE_ENV	Node environment setting	development