Back to archive
IV. Client Builds & Logistics Platformssupportingsoloclient anonymised

Network Hardware Catalog + CMS

Corporate site + product catalog + CMS for Network hardware distributor (UZ) (B2B networking/DC equipment: switches, SFP, UPS, PDU, cabinets), Uzbekistan. Built on the user's personal SaaS boilerplate (same as ltmc). Solo, AI-assisted design (pixel-perfect iteration on icons/sections).

Status
active
Period
2025-11-10 → 2026-05-21
AI sessions
3
Stack
Languages
TypeScript
Frameworks · Infra
Next.js 16Elysia.jsBunTurborepoDrizzle ORMBetter Authshadcn/ui
§01

Overview

  • What it is: marketing site + product catalog for Network hardware distributor (UZ) with an admin CMS. B2B equipment catalog (switches, SFP modules, UPS, PDU, server cabinets) with detail pages; content management via admin. Migration from the old Tilda site (see #48 pixietech) to a code-based stack.
  • Type / status / role: web-app (corporate site + catalog + CMS) · active (last commit 2026-05-21) · solo (51 of 52 commits; Bobur Juraev 1).
  • Active period: 2025-11-10 → 2026-05-21 (~6 months). Built in parallel with ltmc from a shared boilerplate (early repo history is common, then diverges).
§02

Stack

  • Languages: TypeScript.
  • Frameworks/libraries: personal SaaS boilerplate — Turborepo + Bun; apps web (Next.js 16, SSR, next-intl), api (Elysia.js), admin (Next.js, RBAC); packages auth (Better Auth), db (Drizzle/Postgres), cache (Redis), ui (shadcn/ui), email, entities, cli; Polar.sh; Eden Treaty.
  • Infra/deploy: Turborepo, .mcp.json, .claude/skills/, .env.example.
  • Data: PostgreSQL (Drizzle), Redis.
  • Notable tools: .research/ (~34 PNGs — icon renders and design iterations "local-about-pixelperfect/v2/v3" → AI visual matching), backup/ (snapshot of Tilda site).
§03

What was shipped

51 author commits solo (per messages/diffs):

  • Common start with ltmc (Apr 2026): landing (10 sections per Figma), header/footer, SSR fetch, admin CMS (categories/certificates/sections/site-settings CRUD), reusable LanguageTabs + ImageUpload (3a1336d) — this base is shared with ltmc.
  • Network hardware distributor (UZ) specifics (May 2026): Pixie Tech landing assembly + admin sections + data API (eef1167); catalog detail pages for switches/SFP/UPS/PDU/cabinets (497b39f); sitemap/brand fallback/subcat title fixes (3efb6e8); Tilda snapshot (7054fa3); PixieTECH chip-favicon.
  • Build/types tweaks: drop unsupported 'en' locale, permissions rename, ignoreBuildErrors for deploy.
  • Volume: 52 commits over 6 months; full path from boilerplate to production site with catalog and CMS.
§04

Technical challenges

By diffs (solo):

  • Product catalog with taxonomy (497b39f): detail pages by networking equipment categories (switches/SFP/UPS/PDU/cabinets) with subcat structure, SSR data from DB via API. → CMS-driven catalog, not static.
  • Shared boilerplate, two brands: ltmc (#34) and pixietech_uz built from one code base (Better Auth/Drizzle/Elysia/Next16), then customized for different content. → Architecture reuse, efficiency.
  • AI pixel-perfect design (.research/): iterative icon generation and about-section matching (v2/v3/pixelperfect renders) — AI-multimodal/visual workflow. → Notable technique.
  • Caveats: ignoreBuildErrors to unblock deploy (f8ba592) — type tech debt; "en" locale dropped (only ru/uz).
§05

AI-assisted development

  • Sessions found: 3 .jsonl (verified by full-path normalization).
  • What was done with AI: landing/catalog/CMS assembly, visual design of icons and sections (.research/ renders), types/deploy.
  • AI workflow patterns: CLAUDE.md addresses Claude Code/Cursor/Copilot/Windsurf; .claude/skills/, .mcp.json; AI visual generation with iterations (pixel-perfect). Mature AI-native process.
§06

Achievements & metrics

  • Production corporate site + B2B equipment catalog + CMS, solo, ~6 months, on modern stack.
  • 5 catalog categories with detail pages; multilingual (ru/uz).
§07

Contributors

git shortlog · all branches

  1. Dave9351
  2. Boburt1
2 contributors52 commits total
Currently

Open to Senior / Staff engineering roles and selective freelance — production AI, platform, and full-stack work.

Get in touch