Skip to content
ZERONE
Natrag na projekte
Brand prisutnost · SMB · Next.js static export · 2026

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.

13 Mo.Brand na tržištu
6Kategorija proizvoda
StaticOutput · next export
0 €Server troškovi/mjesec

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.

Next.js · App Router · next exportSITEORCHESTRATORHero · story · stats stripHROWORKERGrid kategorija · 6 sekcijaGALWORKERPošalji poruku · telefon · lokacijaCTAWORKERMetadata · Open Graph · local SEOSEOWORKERFramer Motion · reveal sekvenceANIWORKERnginx · /out · Let's EncryptSRVPRIMARY
SITENext.js · App Router · next export
HROHero · story · stats strip
GALGrid kategorija · 6 sekcija
CTAPošalji poruku · telefon · lokacija
SEOMetadata · Open Graph · local SEO
ANIFramer Motion · reveal sekvence
SRVnginx · /out · Let's Encrypt

Pipeline

Static export & delivery pipeline

  1. 01Sadržaj (brand copy, kategorije, slike) verzioniran u repou — bez vanjskog CMS-a, bez third-party dependencyja.
  2. 02`next build` + `next export` proizvode kompletno statičko stablo u `/out` s prerendered HTML-om za svaku rutu.
  3. 03nginx servira izravno iz `/home/zerocool/branci/out` — bez Node runtimea, bez PM2, bez systemd servisa.
  4. 04Let's Encrypt + HSTS na shbranci.shop, auto-renewal preko system timera.
  5. 05Bundle ostaje minimalan, hydration cost nizak — Lighthouse performance stabilno visok, bez tekućeg održavanja.

Tehnološki stack

Next.js · React 19 · TypeScriptApp Router · Static ExportTailwind CSSFramer MotionLucide ReactESLintnginx · Let's EncryptCurated brand photography

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.

Sličan projekt?

Razgovarajmo — slušamo prije nego što isporučimo.

Zatražite projekt