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