Portföy Web

iron-group.kz

Yayında

Astana’da hadde metal satan yeni bir şirket için sipariş taleplerini toplayan bir site ve onu yönetmek için bir yönetim paneli hazırladım. Site üç günde yayına girdi ve tüm içeriği yazılımcı olmadan değiştiriliyor.

iron-group.kz

Sorun

Şirket 2026’da kuruldu. Pazarda geçmişi ve yorumları yok; alıcılar ise büyük hacimli bir metal siparişini tanımadıkları bir şirkete vermek istemiyor. Müşterinin Astana’da aramadan talep getiren ve ilk bakışta güven veren bir siteye ihtiyacı vardı. İki ek şart vardı: site küçük ve ucuz bir sunucuda (1 işlemci çekirdeği, 1 GB bellek) çalışmalıydı ve müşteri fiyatları, metinleri ve görselleri yazılımcıya başvurmadan kendisi değiştirmek istiyordu.

Neler yaptım

  • Bir fiyat teklifi hesaplayıcısı kurdum: alıcı ürünü, ölçüyü ve miktarı seçip birkaç saniyede talep gönderiyor; listede olmayan ürünler için «Другое» (Diğer) seçeneği var. Talep yönetim paneline düşüyor, e-posta ve Telegram bildirimleri de bağlanabiliyor.
  • Güveni doğrulanabilir gerçeklerle kurmayı önerdim: tasarım maketindeki “15 yıllık deneyim” gibi rakamları çıkardım, yerine resmi şirket bilgileri, banka, gerçek adres ve cevap süresi gösteriliyor.
  • Sitenin içeriğini yöneten iç bölüm olan yönetim panelini hazırladım: kategoriler, fiyat listesi (PDF ve Excel), metinler, görseller, SEO ve gelen talepler buradan yönetiliyor. Roller ayrı: banka bilgilerini değiştirmek ve geri alınamaz silme yalnızca sahibine açık, yönetici geri kalan her şeyle çalışıyor.
  • Siteyi küçük sunucuya uyarladım: sayfalar önceden hazırlanmış HTML (SSG) olarak saklanıyor ve her ziyarette yeniden oluşturulmuyor, görseller yüklenirken bir kez sıkıştırılıyor, panelde yapılan değişiklik sitede hemen görünüyor.
  • Arama için temeli kurdum (SEO, yani Google ve Yandex’te görünmek): her ürün kategorisi için “Astana’da” ifadesine yönelik ayrı bir sayfa, JSON-LD (şirket, ürünler ve SSS hakkında makinenin okuyabildiği veri), sitemap ve yapay zekâ asistanları için ayrı bir dosya.
  • Müşteriyle birlikte tasarımı maketten sonra logonun renklerine, bordo ve çelik griye geçirmeye karar verdik. Sitenin koyu ve açık modu var.

Sonuçlar

  • Site 15 Temmuz 2026’dan beri yayında; ilk kod 13 Temmuz’da yazıldı.
  • Lighthouse (Google’ın sayfa kalitesi testi), mobil: SEO 100, hız 86, CLS 0 (CLS, sayfa yüklenirken öğelerin yerinden kayması). Ölçüm, yayına almadan önceki derleme üzerinde, 13.07.2026.
  • 20 Temmuz 2026’da müşterinin “tüm bilgiler yönetim panelinden yönetilsin” talebi tamamen karşılandı: 18 kategori sayfası, fiyat listesi, metinler ve görseller panelden değiştiriliyor.

Teknolojiler

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • SQLite
  • Drizzle ORM
  • Admin panel
  • SEO
Siteyi ziyaret et
Teklif al