{ }
BalkoLüx
Full-stack e-commerce platform for garden & balcony furniture.
BalkoLüx is a comprehensive e-commerce platform for premium outdoor furniture covering gardens, terraces, and balconies. It offers 6 product categories: seating sets, table sets, sunbeds, swings, barbecue units, and umbrellas. Product detail pages feature multi-image galleries with zoom, material specs, and tabbed content covering description and reviews. Users can filter products by category and price range using a mobile-friendly filter drawer. The cart supports real-time totals, variant tracking, and coupon code discounts validated via a dedicated API endpoint. The multi-step checkout covers address selection and iyzico payment with Turkish bank card installment options. Horoz Kargo integration provides real-time shipment tracking directly from the user profile page. The admin panel includes Recharts-powered sales analytics and full management of products, orders, users, blogs, banners, coupons, and subscribers. Nodemailer handles contact form and password reset emails. City, district, and neighborhood data is dynamically loaded from city.json with auto-fill support on address forms. Cloudinary handles image upload and CDN delivery. Built on Next.js App Router, TypeScript, Prisma ORM, and MySQL.
Technologies Used
teknolojiler.tsx
<div class="project-info">
<p>
This project was developed using the best tools modern web technologies offer. Each technology was carefully selected to maximize performance, security, and user experience. During development, the focus was on component-based architecture, reusable code, and optimized rendering performance.
</p>
<p>
The user interface was designed to provide a clean yet impactful visual experience. The design system is built on principles of consistency, readability, and accessibility. Modern CSS frameworks and utility tools were used to provide a strong styling foundation.
</p>
<p>
On the frontend, powerful technologies like React and Next.js provided great advantages in terms of fast load times and SEO optimization. Additionally, Tailwind CSS accelerated the design process and made development more flexible.
</p>
<p>
As a result, this technology stack forms a modern and sustainable infrastructure that supports not only today’s needs but also future scalability goals.
</p>
<p>
The project also delivers a seamless experience across all devices thanks to responsive design and a mobile-first approach. Every aspect of the design was optimized for usability and accessibility, ensuring smooth user interactions.
</p>
<p>
Performance optimizations were implemented to minimize page load times, including efficient media and image handling. This approach improves user experience while providing a solid foundation for SEO and overall site performance._
</p>
</div>
Next.js
Frontend
React
Frontend
TypeScript
Language
Prisma
Database
MySQL
Database
Tailwind CSS
Frontend
Vercel
DevOps
Docker
DevOps
Problem
A garden and balcony furniture retailer needed a full storefront with real-time cart totals, coupon discounts, and reliable shipment tracking for often-bulky physical goods.
Solution
I built a Next.js/Prisma/MySQL storefront with category/price-range filtering, server-side coupon validation, multi-step checkout with iyzico installments, and Horoz Kargo tracking surfaced directly on the customer's profile page.
Challenges
- Validating coupon codes and discounted totals consistently between client cart state and server order totals to prevent price mismatches at checkout.
- Keeping city/district/neighborhood address autofill fast and accurate across a large address dataset.
Results
- Shipped a full admin suite (Recharts sales analytics, product/order/user/blog/banner/coupon/subscriber management) alongside the storefront.
- Real-time shipment tracking reduced 'where is my order' support overhead by surfacing status directly in the customer account.
Lessons Learned
Server-side re-validation of anything price-affecting (coupons, totals) turned out to be non-negotiable — trusting client-computed totals, even briefly, created discount-stacking edge cases that only surfaced under real coupon combinations.
Let's talk about the engineering behind this
If you'd like to discuss the architecture decisions, the tech stack, or a similar technical problem, I'm happy to talk.
Get in Touch