AFlagship • Live • TypeScript
Ruvati Rebuild
A front-end rebuild of ruvati.com, a kitchen-sink manufacturer's catalogue: 841 products across 1,148 prerendered Next.js pages, with size and finish filters, a searchable catalogue, dimension drawings and a hand-off to retailers. Assets are served from Cloudflare R2 and Firestore backs the forms, shared projects and dealer locator.
Private Client Repository
This software was engineered for a private business or client organization. If you are a hiring manager, technical lead, or potential client wishing to inspect the architecture and code quality, I would be pleased to grant you access or provide a code walkthrough. Please contact me at [email protected].
The Engineering Challenge
The live site cannot answer the one question a sink buyer has — will it fit my cabinet. Size and finish are not filterable, facet counts lead to empty grids, every listing page past the first is noindex, and 22 menu links go nowhere.
The Solution & Architecture
The content was extracted in full and rebuilt around measurement: size and finish facets whose counts are computed against everything else selected, so no option returns an empty grid; WebP images at display size; one h1 per page; indexable listings and a canonical-only sitemap. It is checked by scripts rather than by eye — 14 facet assertions, 23 build assertions, a crawl of every route and real Firestore writes.
| Tier | A — Flagship. Full products. Shipped or ready to ship. |
|---|---|
| Status | Live |
| Category | React & Next.js |
| Technology Stack | Next.js 15, React, Firebase, Cloudflare R2, Three.js, TypeScript, Python, Vercel |
| Languages | TypeScript 42% • JavaScript 26% • CSS 24% • HTML 4% • Python 3% |
| Lines of code | 14,992 (excluding libraries & vendor files) |
| Commits | 9 |
| Last updated | 2026-09-23 |
| Visibility | Private • Access upon request |
| Repository | ruvati-web |
Have a project in mind or interested in discussing this system? Let's talk →