A luxury tableware e-commerce platform built with Next.js App Router.
This application serves as a digital catalog and store for premium brands like Villeroy & Boch, Lenox, and Gien. It features a dynamic product catalog, a shopping cart experience, and a dedicated administration panel for content management.
🔌 Backend Repository: github.com/vlimkv/graff-piatto-backend
- Dynamic Product Catalog: SEO-friendly product pages (
/product/[id]) with server-side rendering for optimal performance. - Admin Dashboard: A secured area (
/admin) for managing inventory, viewing orders, and updating site content. - Checkout Flow: Integrated order processing system (
/checkout) with payment gateway support. - Brand Filtering: Advanced filtering logic to browse collections by specific luxury manufacturers.
- Responsive Design: Mobile-first approach using Tailwind CSS for a seamless shopping experience on any device.
- Architecture: Built on Next.js 14+ (App Router) leveraging React Server Components.
- Styling: Modular design system using Tailwind CSS.
- Type Safety: 100% TypeScript codebase for robust and error-free development.
- SEO: Optimized metadata and Open Graph tags for social sharing.
├── app/
│ ├── admin/ # CMS for product management
│ ├── catalog/ # Product listing pages
│ ├── checkout/ # Order flow
│ ├── product/[id]/ # Dynamic product details
│ └── ...pages # Static pages (About, Contacts)
├── components/ # Reusable UI components
├── public/ # Static assets (Brand logos, Hero images)
└── ...config # Tailwind & Next.js configurationThis is a commercial project developed for a private client. The source code is showcased here for portfolio purposes only. All product images and brand logos are property of their respective owners.