Ntsh Beli - Electrical Distributor Platform
The Problem
Ntsh Beli needed to show its electrical-product range and completed installations while giving professional buyers a direct way to request a quote for a specific item.
My Role
Website and catalog engineering, including product discovery, project galleries, and quote-request flows.
Approach
The Albanian site connects category, series, search, and product-detail pages to a quote dialog that carries product context. Visitors can also contact the team through WhatsApp, and project pages show installation photography.
Technical Decisions
Separate product records from taxonomy
Product records are read from Neon Postgres through Drizzle, while the category and series taxonomy remains in typed site data. React cache deduplicates product loading within a render.
Keep quote failures visible
The API validates quote submissions with Zod and reports email-delivery failures as errors, so the form does not claim a successful request when sending fails.
Use project image folders
Project galleries discover images from their server-side folders, so adding installation photos does not require editing the gallery component.
Stack
Next.js 16, React 19, TypeScript, Tailwind CSS 4, Drizzle ORM, Neon Postgres, Zod, and Resend.
Outcome
The live site exposes product search, project pages, and product-aware quote and WhatsApp paths. The 70k+ figure on the business site describes the supplier range; it is not a count of searchable listings on this site.
What I'd Take Into the Next Project
A product-aware contact path can connect catalog browsing to a practical sales inquiry without presenting the supplier's full range as indexed inventory.