Case 07 — Second Hand Branči: Markenauftritt für nachhaltige Mode
Online-Auftritt für eine Premium-Second-hand-Boutique in Odžaci. Statisch exportiertes Next.js — keine Server-Laufzeit, kein Cookie-Banner, Framer-Motion-Microinteractions für die Wertanmutung. Conversion-Pfad führt in den Laden, nicht zum Warenkorb.
Die Herausforderung
Eine Second-hand-Boutique in Odžaci brauchte einen Online-Auftritt, der Premium-Wertanmutung trotz Second-Hand-Positionierung transportiert und Käufer in den physischen Laden lenkt — ohne den Komplexitäts-Overhead eines vollwertigen Webshops. Vorgaben: kein Warenkorb, keine Zahlungsabwicklung, kein Lager-Sync; stattdessen klare Kategorien, Brand-Story, Foto-Showcase, Kontakt-Flow. Lokal-SEO-relevant, mobile-first, dauerhaft fast wartungsfrei und mit minimalen laufenden Kosten.
Architektur
Next.js mit App Router, vollständig statisch via `next export` ausgegeben. Brand-Komponenten (Hero, Story, Kategorien-Grid, Stats-Strip, Kontakt-Form) als reine Server-Komponenten, dazu eine schmale Client-Schicht für Framer-Motion-Reveal-Sequenzen. Tailwind v4 mit Marken-Tokens. SEO-Metadaten + Open Graph für lokale SERPs; nginx serviert direkt aus dem `/out`-Tree — kein Node-Prozess in Produktion, null laufende Cloud-Kosten.
Pipeline
Static-Export- & Auslieferungs-Pipeline
- 01Inhalte (Brand-Kopie, Kategorien, Bilder) im Repo versioniert — kein externes CMS, keine Drittanbieter-Abhängigkeit.
- 02`next build` + `next export` produzieren den vollständigen statischen Tree in `/out` mit prerendered HTML pro Route.
- 03nginx serviert direkt aus `/home/zerocool/branci/out` — kein Node-Runtime, kein PM2, kein systemd-Service.
- 04Let's Encrypt + HSTS auf shbranci.shop, automatische Renewal via System-Timer.
- 05Bundle bleibt minimal, Hydration-Last gering — Lighthouse-Performance stabil hoch, ohne dass laufende Wartung nötig ist.
Technologie-Stack
Ergebnis
Live auf shbranci.shop. Sub-Sekunden-First-Paint, kein Backend in Produktion, kein Cookie-Banner — Hosting-Kosten praktisch null. Conversion-Pfad führt über Kontakt-Formular und Telefonanruf in den physischen Laden in Odžaci, ohne den Overhead eines vollwertigen Webshops. Wenn Inventar später wachsen soll, lässt die statische Basis sich ohne Reschnitt um einen Headless-Commerce-Layer (Shopify Storefront API, Medusa, etc.) erweitern.