Case 07 — Second Hand Branči: brand prisutnost za održivu modu
Online prisutnost za premium second-hand butik u Odžacima. Statički eksportiran Next.js — bez server runtimea, bez cookie bannera, Framer-Motion mikrointerakcije za premium ton. Konverzijski put vodi u trgovinu, ne u košaricu.
Izazov
Second-hand butik u Odžacima trebao je online prisutnost koja prenosi premium ton unatoč second-hand pozicioniranju i vodi kupce u fizičku trgovinu — bez kompleksnosti pravog webshopa. Zahtjevi: bez košarice, bez checkouta, bez sinkronizacije magazina; umjesto toga jasne kategorije, brand story, foto showcase, kontakt flow. Local-SEO relevantno, mobile-first, gotovo bez održavanja i s minimalnim tekućim troškovima.
Arhitektura
Next.js s App Routerom, potpuno statički preko `next export`. Brand komponente (Hero, Story, kategorije grid, stats strip, kontakt forma) kao server komponente, plus tanki klijentski layer za Framer-Motion reveal sekvence. Tailwind v4 s brand tokenima. SEO metadata + Open Graph za lokalne SERP-ove; nginx servira direktno iz `/out` stabla — bez Node procesa u produkciji, nula tekućih cloud troškova.
Pipeline
Static export & delivery pipeline
- 01Sadržaj (brand copy, kategorije, slike) verzioniran u repou — bez vanjskog CMS-a, bez third-party dependencyja.
- 02`next build` + `next export` proizvode kompletno statičko stablo u `/out` s prerendered HTML-om za svaku rutu.
- 03nginx servira izravno iz `/home/zerocool/branci/out` — bez Node runtimea, bez PM2, bez systemd servisa.
- 04Let's Encrypt + HSTS na shbranci.shop, auto-renewal preko system timera.
- 05Bundle ostaje minimalan, hydration cost nizak — Lighthouse performance stabilno visok, bez tekućeg održavanja.
Tehnološki stack
Rezultat
Live na shbranci.shop. First paint ispod sekunde, bez backenda u produkciji, bez cookie bannera — trošak hostinga praktički nula. Konverzijski put vodi preko kontakt forme i telefonskog poziva u fizičku trgovinu u Odžacima, bez overheada pravog webshopa. Ako magazin kasnije naraste, statička baza se može proširiti headless-commerce slojem (Shopify Storefront API, Medusa, itd.) bez prepisivanja.