01 Über das Projekt

Zerin Gold ist Goldhändler, Juwelier und Schmuck-Atelier in Freiburg im Breisgau. Die Seite setzt auf eine ruhige Schwarz-Gold-Ästhetik mit feiner Serifen-Typografie und sanften Scroll-Animationen — bei Gold verkauft nicht die Lautstärke, sondern der Eindruck von Solidität. Sieben Sprachen decken die Kundschaft ab, Arabisch inklusive Rechts-nach-links-Layout.

Der technisch interessante Teil ist der Preis. Ein eigener Provider liest die Edelmetall-Quotes von Kitco, rechnet Bid/Ask je Feinunze über den EZB-Wechselkurs in Cent pro Gramm Feingewicht um und cacht das Ergebnis zwei Minuten lang — die Seite zeigt also belastbare Zahlen, ohne den Anbieter bei jedem Aufruf zu treffen. Darauf setzen eine Margen-Engine, die der Händler im Adminbereich steuert, und vier Rechner: Altgold-Wert, Karat-Umrechner, Krügerrand und Sparplan. Der Ticker im Kopf der Seite kommt aus derselben Quelle.

Darunter liegt Next.js 16 mit React Server Components und Server Actions, Prisma 7 auf PostgreSQL, Redis als Cache, Auth.js v5 mit Argon2 und TOTP-Zweitfaktor für den Adminbereich, Resend für E-Mails und Cloudflare Turnstile gegen Formular-Spam. Rund 290 URLs mit eigenen Landingpages für die Suchbegriffe, die hier wirklich gesucht werden — von „Gramm Altın" bis Trauringe — dazu Vitest- und Playwright-Tests, gehostet in Deutschland hinter Cloudflare.

02 Highlights

  • 01

    Live-Edelmetallpreise: Kitco-Quotes + EZB-Kurs → Cent pro Gramm Feingewicht, 2-Minuten-Cache

  • 02

    Vier Rechner: Altgold-Wert, Karat-Umrechner, Krügerrand, Sparplan

  • 03

    Margen-Engine — der Händler steuert seine Aufschläge selbst im Adminbereich

  • 04

    7 Sprachen inkl. RTL-Layout für Arabisch, white-label aufgebaut

  • 05

    Next.js 16 mit Server Components, Prisma 7/PostgreSQL und Redis

  • 06

    Admin-Login mit Argon2 und TOTP-Zweitfaktor (Auth.js v5)

  • 07

    Formulare mit Cloudflare Turnstile statt Captcha-Rätseln

  • 08

    Rund 290 URLs mit Keyword-Landingpages, Tests mit Vitest und Playwright

03 Technologie-Stack

  • Next.js 16
  • ⚛️React 19
  • 💨Tailwind 4
  • 🔺Prisma 7
  • 🐘PostgreSQL
  • 🧰Redis
  • 🔐Auth.js
  • 🎭Playwright

Interesse an einer
Zusammenarbeit?

Erzählen Sie uns von Ihrem Vorhaben — wir sagen Ihnen ehrlich, was es braucht und was es kostet.

Kontakt aufnehmen