01 Proje hakkında

Zerin Gold, Freiburg im Breisgau’da altın alım-satımcısı, kuyumcu ve mücevher atölyesi. Site sakin bir siyah-altın estetiğine, ince serif tipografiye ve ölçülü kaydırma animasyonlarına dayanıyor — altında satan şey ses yüksekliği değil, sağlamlık izlenimi. Yedi dil müşteri kitlesini kapsıyor; Arapça sağdan sola yerleşimiyle birlikte.

Teknik olarak asıl ilginç kısım fiyat. Kendi yazdığım bir sağlayıcı, değerli maden kotasyonlarını Kitco’dan okuyor, ons başına alış/satışı AMB kuruyla gram saf maden başına kuruşa çeviriyor ve sonucu iki dakika önbellekte tutuyor — yani site her ziyarette kaynağa yüklenmeden güvenilir rakam gösteriyor. Bunun üzerine, satıcının yönetim panelinden kontrol ettiği bir marj motoru ve dört hesaplayıcı geliyor: hurda altın değeri, karat çevirici, Krugerrand ve birikim planı. Başlıktaki şerit de aynı kaynaktan besleniyor.

Altında ise: React Server Components ve Server Actions ile Next.js 16, PostgreSQL üzerinde Prisma 7, önbellek için Redis, yönetim paneli için Argon2 ve TOTP ikinci faktörlü Auth.js v5, e-posta için Resend ve form spam’ine karşı Cloudflare Turnstile. Gerçekten aranan terimler için açılış sayfalarıyla yaklaşık 290 URL — „gram altın"dan alyanslara — ayrıca Vitest ve Playwright testleri; Almanya’da, Cloudflare arkasında barındırılıyor.

02 Öne çıkanlar

  • 01

    Canlı maden fiyatı: Kitco kotasyonu + AMB kuru → gram saf başına kuruş, 2 dakika önbellek

  • 02

    Dört hesaplayıcı: hurda altın değeri, karat çevirici, Krugerrand, birikim planı

  • 03

    Marj motoru — satıcı kendi kâr marjını yönetim panelinden belirliyor

  • 04

    RTL Arapça dahil 7 dil, white-label mimari

  • 05

    Server Components ile Next.js 16, Prisma 7/PostgreSQL ve Redis

  • 06

    Argon2 ve TOTP ikinci faktörlü yönetici girişi (Auth.js v5)

  • 07

    Captcha bulmacası yerine Cloudflare Turnstile korumalı formlar

  • 08

    Anahtar kelime açılış sayfalarıyla ~290 URL, Vitest ve Playwright testleri

03 Teknoloji yığını

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

Birlikte çalışmaya
ne dersiniz?

Planınızı anlatın — neye ihtiyaç olduğunu ve ne tutacağını dürüstçe söyleyelim.

İletişime geç