Skip to content
ZERONE
Nazaj na projekte
Brand prisotnost · SMB · Next.js static export · 2026

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.

13 Mo.Brand na trgu
6Kategorij izdelkov
StaticOutput · next export
0 €Server stroški/mesec

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.

Next.js · App Router · next exportSITEORCHESTRATORHero · story · stats stripHROWORKERGrid kategorij · 6 sekcijGALWORKERPošlji sporočilo · telefon · lokacijaCTAWORKERMetadata · Open Graph · local SEOSEOWORKERFramer Motion · reveal sekvenceANIWORKERnginx · /out · Let's EncryptSRVPRIMARY
SITENext.js · App Router · next export
HROHero · story · stats strip
GALGrid kategorij · 6 sekcij
CTAPošlji sporočilo · telefon · lokacija
SEOMetadata · Open Graph · local SEO
ANIFramer Motion · reveal sekvence
SRVnginx · /out · Let's Encrypt

Pipeline

Static export & delivery pipeline

  1. 01Vsebina (brand copy, kategorije, slike) verzionirana v repoju — brez zunanjega CMS-a, brez third-party dependencyja.
  2. 02`next build` + `next export` proizvedeta celotno statično drevo v `/out` s prerendered HTML-jem za vsako ruto.
  3. 03nginx streže neposredno iz `/home/zerocool/branci/out` — brez Node runtimea, brez PM2, brez systemd servisa.
  4. 04Let's Encrypt + HSTS na shbranci.shop, auto-renewal preko system timerja.
  5. 05Bundle ostane minimalen, hydration cost nizek — Lighthouse performance stabilno visok, brez tekočega vzdrževanja.

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 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.

Podoben projekt?

Pogovorimo se — poslušamo, preden dostavimo.

Zahtevajte projekt