Case 07 — Second Hand Branči: brand presence for sustainable fashion
Online presence for a premium second-hand boutique in Odžaci. Statically exported Next.js — no server runtime, no cookie banner, Framer-Motion microinteractions for premium feel. Conversion path leads into the shop, not a cart.
The challenge
A second-hand boutique in Odžaci wanted an online presence that conveys premium feel despite the second-hand positioning, and that drives shoppers into the physical store — without the complexity overhead of a real webshop. Requirements: no cart, no checkout, no inventory sync; instead clear categories, brand story, photo showcase, contact flow. Local-SEO relevant, mobile-first, near-zero maintenance and minimal running cost.
Architecture
Next.js with App Router, fully static via `next export`. Brand components (Hero, Story, category grid, stats strip, contact form) as plain server components, plus a thin client layer for Framer-Motion reveal sequences. Tailwind v4 with brand tokens. SEO metadata + Open Graph for local SERPs; nginx serves directly from the `/out` tree — no Node process in production, zero ongoing cloud cost.
Pipeline
Static-export & delivery pipeline
- 01Content (brand copy, categories, images) version-controlled in the repo — no external CMS, no third-party dependency.
- 02`next build` + `next export` produce the full static tree in `/out` with prerendered HTML per route.
- 03nginx serves straight from `/home/zerocool/branci/out` — no Node runtime, no PM2, no systemd service.
- 04Let's Encrypt + HSTS on shbranci.shop, auto-renewal via system timer.
- 05Bundle stays minimal, hydration cost low — Lighthouse performance remains stable-high without ongoing upkeep.
Technology stack
Outcome
Live at shbranci.shop. Sub-second first paint, no production backend, no cookie banner — hosting cost is effectively zero. The conversion path runs via contact form and phone call into the physical store in Odžaci, without the overhead of a full webshop. If inventory grows later, the static base can be extended with a headless-commerce layer (Shopify Storefront API, Medusa, etc.) without a rewrite.