A high-performance, full-stack e-commerce product gallery built with Next.js 14, MongoDB, and TanStack Query. This project features a clean, responsive UI and a robust backend API for seamless data fetching.
- Server-Side Rendering (SSR): Optimized performance using Next.js App Router.
- Dynamic Product Routing: Individual pages for every product using dynamic
[id]segments. - Efficient Data Fetching: Implemented TanStack Query (React Query) for caching and state management.
- Modern UI/UX: Responsive grid layout built with Tailwind CSS, featuring glassmorphism and hover animations.
- MongoDB Integration: Real-time data storage and retrieval using Mongoose.
- API Routes: Custom RESTful endpoints for fetching product collections and single items.
- Framework: Next.js
- Styling: Tailwind CSS
- Database: MongoDB Atlas
- ORM: Mongoose
- State Management: TanStack Query (React Query)
- HTTP Client: Axios