Case study · Web

Chinioti Wooden ArtModern Next.js storefront for traditional Chinioti woodworking with optimized SSR and SEO.

E-commerce · Handcrafted Furniture · 2024

Chinioti Wooden Art preview

Role

Full-stack engineer

Duration

~6 weeks

Team

Solo · workshop owner on content

SSR

Edge-rendered

SEO+

Indexed catalog

Mobile

First-class UI

The challenge

A workshop of traditional Chinioti woodworkers needed a modern storefront — fast to load, easy to update, and properly indexed by search engines for buyers searching for handcrafted furniture from Pakistan.

What I built

Built a Next.js + Tailwind frontend with server-side rendering and dynamic rendering for catalog pages. Designed MongoDB schemas with normalized data models, indexed queries, and aggregation logic for product and order management. Algorithmic image optimization and efficient state management kept the experience fast on mobile networks.

  • Next.js + Tailwind with SSR + dynamic rendering
  • Normalized MongoDB schemas with indexed aggregation
  • Algorithmic image optimization for mobile networks
  • SEO-first information architecture

Key technical decisions

The choices behind the choices — and what tradeoff each one made.

  • SSR + selective dynamic rendering

    Product pages are SSR for crawlability; the cart and account flows are dynamic. Mixing the two on a per-route basis kept time-to-first-byte low without complicating the data layer.

  • Normalized Mongo schemas with indexed aggregations

    Catalog and order data are normalized rather than denormalized — the workshop edits products, not aggregate stats, so write-side simplicity wins over read-side speed for this scale.

  • Next.js Image with explicit sizes everywhere

    On mobile networks, the difference between auto-sized and explicit-sized images is the difference between a sale and a bounce. Worth the extra prop on every image.

Outcome

The storefront loads quickly, ranks for the right queries, and gives the workshop a digital surface that matches the quality of their craft. Catalog updates ship without engineering involvement.

Lessons & what I’d do differently

  • On low-bandwidth markets, Core Web Vitals are the SEO strategy. Optimize images and font loading before you touch a single meta tag.
  • A CMS-lite admin (even a small one) saves both sides money — workshop owners shouldn't be filing tickets to swap a product photo.
  • SEO is a 90-day game on a new domain. Keep the team's expectations grounded and instrument what's actually moving.

A look inside

Screens from the shipped product.

Featured products section curates the workshop's signature handcrafted pieces front and center on the storefront.
Featured products section curates the workshop's signature handcrafted pieces front and center on the storefront.
SEO-indexed catalog with server-side rendering — buyers browse the full range of handcrafted furniture with fast, mobile-first loads.
SEO-indexed catalog with server-side rendering — buyers browse the full range of handcrafted furniture with fast, mobile-first loads.
Product detail page for a Chinioti carved bed set, with optimized imagery that showcases the craftsmanship without sacrificing speed.
Product detail page for a Chinioti carved bed set, with optimized imagery that showcases the craftsmanship without sacrificing speed.
Workshop vlogs section adds storytelling and trust — behind-the-scenes content that connects buyers to the artisans.
Workshop vlogs section adds storytelling and trust — behind-the-scenes content that connects buyers to the artisans.

Working on something similar? I’d love to hear about it.

Get in touch