Case 07 — Second Hand Branči: brand prisotnost za trajnostno modo
Online prisotnost za premium second-hand butik v Odžacih. Statično izvožen Next.js — brez server runtimea, brez cookie bannerja, Framer-Motion mikrointerakcije za premium ton. Konverzijska pot vodi v trgovino, ne v košarico.
Izziv
Second-hand butik v Odžacih je potreboval online prisotnost, ki kljub second-hand pozicioniranju prenaša premium ton in vodi kupce v fizično trgovino — brez kompleksnosti pravega webshopa. Zahteve: brez košarice, brez checkouta, brez sync skladišča; namesto tega jasne kategorije, brand story, foto showcase, kontakt flow. Local-SEO relevantno, mobile-first, skoraj brez vzdrževanja in z minimalnimi tekočimi stroški.
Arhitektura
Next.js z App Routerjem, popolnoma statičen preko `next export`. Brand komponente (Hero, Story, kategorije grid, stats strip, kontaktni obrazec) kot čiste server komponente, plus tanek client layer za Framer-Motion reveal sekvence. Tailwind v4 z brand tokeni. SEO metadata + Open Graph za lokalne SERP-e; nginx streže neposredno iz drevesa `/out` — brez Node procesa v produkciji, nič tekočih cloud stroškov.
Pipeline
Static export & delivery pipeline
- 01Vsebina (brand copy, kategorije, slike) verzionirana v repoju — brez zunanjega CMS-a, brez third-party dependencyja.
- 02`next build` + `next export` proizvedeta celotno statično drevo v `/out` s prerendered HTML-jem za vsako ruto.
- 03nginx streže neposredno iz `/home/zerocool/branci/out` — brez Node runtimea, brez PM2, brez systemd servisa.
- 04Let's Encrypt + HSTS na shbranci.shop, auto-renewal preko system timerja.
- 05Bundle ostane minimalen, hydration cost nizek — Lighthouse performance stabilno visok, brez tekočega vzdrževanja.
Tehnološki stack
Rezultat
Live na shbranci.shop. First paint pod sekundo, brez backenda v produkciji, brez cookie bannerja — stroški hostinga praktično nič. Konverzijska pot vodi preko kontaktnega obrazca in telefonskega klica v fizično trgovino v Odžacih, brez overheada pravega webshopa. Če bo magazin pozneje rasel, se statična osnova lahko razširi s headless-commerce layerjem (Shopify Storefront API, Medusa, itd.) brez prepisa.