Skip to content
ZERONE
Torna ai progetti
Presenza di brand · SMB · Next.js static export · 2026

Case 07 — Second Hand Branči: presenza di brand per la moda sostenibile

Presenza online per una boutique premium di second-hand a Odžaci. Next.js esportato in statico — niente runtime server, niente cookie banner, microinterazioni Framer-Motion per il tono premium. Il percorso di conversione porta in negozio, non al carrello.

13 Mo.Brand sul mercato
6Categorie di prodotto
StaticOutput · next export
0 €Costo server/mese

La sfida

Una boutique second-hand a Odžaci voleva una presenza online che trasmettesse un tono premium nonostante il posizionamento second-hand e che portasse i clienti nel negozio fisico — senza l'overhead di complessità di un webshop completo. Requisiti: niente carrello, niente checkout, niente sync di magazzino; al loro posto categorie chiare, brand story, showcase fotografico, flow di contatto. Local-SEO rilevante, mobile-first, manutenzione quasi nulla e costi correnti minimi.

Architettura

Next.js con App Router, completamente statico via `next export`. Componenti di brand (Hero, Story, griglia categorie, stats strip, form di contatto) come pure server component, più un sottile layer client per le sequenze di reveal Framer-Motion. Tailwind v4 con brand token. Metadata SEO + Open Graph per SERP locali; nginx serve direttamente dall'albero `/out` — nessun processo Node in produzione, zero costi cloud correnti.

Next.js · App Router · next exportSITEORCHESTRATORHero · story · stats stripHROWORKERGriglia categorie · 6 sezioniGALWORKERInvia messaggio · telefono · locationCTAWORKERMetadata · Open Graph · local SEOSEOWORKERFramer Motion · reveal sequenceANIWORKERnginx · /out · Let's EncryptSRVPRIMARY
SITENext.js · App Router · next export
HROHero · story · stats strip
GALGriglia categorie · 6 sezioni
CTAInvia messaggio · telefono · location
SEOMetadata · Open Graph · local SEO
ANIFramer Motion · reveal sequence
SRVnginx · /out · Let's Encrypt

Pipeline

Pipeline di static export & delivery

  1. 01Contenuti (brand copy, categorie, immagini) versionati nel repo — niente CMS esterno, nessuna dipendenza di terze parti.
  2. 02`next build` + `next export` producono l'intero albero statico in `/out` con HTML prerenderizzato per ogni rotta.
  3. 03nginx serve direttamente da `/home/zerocool/branci/out` — niente runtime Node, niente PM2, nessun servizio systemd.
  4. 04Let's Encrypt + HSTS su shbranci.shop, auto-renewal via system timer.
  5. 05Il bundle resta minimo, costo di hydration basso — la performance Lighthouse rimane stabilmente alta senza manutenzione corrente.

Stack tecnologico

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

Risultato

Live su shbranci.shop. First paint sotto il secondo, nessun backend in produzione, nessun cookie banner — il costo di hosting è praticamente zero. Il percorso di conversione va dal form di contatto e dalla chiamata telefonica al negozio fisico di Odžaci, senza l'overhead di un webshop completo. Se il magazzino crescerà, la base statica può essere estesa con un layer headless-commerce (Shopify Storefront API, Medusa, ecc.) senza riscrittura.

Progetto simile?

Parliamone — ascoltiamo prima di consegnare.

Richiedi un progetto