Kiremitci Metal, Osmaniye merkezli bir inşaat kalıp ekipmanı üreticisi. Ürün yelpazesi dar ama teknik: teleskopik direk, sac pano, kolon bağlantı elemanları ve tayrot mili. Müşterileri müteahhitler, kalıp firmaları ve yurt dışındaki ithalatçılar; yani alışveriş sepeti değil, ölçü, adet ve teslim koşulu konuşulan bir satış süreci. Bu proje, firmanın yurt içi markası Kiremitci Metal ile uluslararası markası KRM Steel'i tek kod tabanı, tek veritabanı ve tek yönetim paneli üzerinde, iki ayrı alan adında ve beş dilde yayınlayan bir B2B katalog ve teklif platformudur.

Proje bağlamı ve ihtiyaç

Firmanın iki ayrı kitlesi var. Türkiye'deki alıcı Türkçe arıyor ve "Kiremitci Metal" adını tanıyor; Avrupa, Rusya ve Orta Doğu'daki alıcı ise İngilizce, Almanca, Rusça ya da Arapça okuyor ve "KRM Steel" markasıyla karşılaşmalı. İki ayrı site kurmak içeriği ikiye bölüp bakım yükünü katlayacaktı. Tek site kurmak ise marka karmaşasına ve arama motorlarında kopya içerik sorununa yol açacaktı.

Ürün tarafında da ihtiyaç netti: her ürün grubunun ölçü seçenekleri, malzeme ve yüzey bilgisi, görselleri ve "özel ölçüde üretilir mi?" sorusunun cevabı katalogda açıkça görünmeli; ziyaretçi seçtiği ölçüyle doğrudan teklif isteyebilmeli.

Çözüm ve kapsam

İki alan adı, beş dil, tek altyapı

Dil ve marka kararı istek yapılan alan adına göre verilir. kiremitcimetal.com yalnız Türkçe ve İngilizce, krmsteel.com yalnız İngilizce, Almanca, Rusça ve Arapça sunar. Önek olmadan gelen istek alan adının varsayılan diline, o alan adında açık olmayan bir dil ise doğru alan adına 308 ile yönlendirilir; örneğin kiremitcimetal.com/de adresi krmsteel.com/de'ye gider. Dil seçici yalnız bulunduğunuz alan adının dillerini gösterir.

İngilizce iki alan adında da yayında olduğu için marka adı içeriğe düz metin olarak yazılmadı. Metinler marka adı yerine bir yer tutucu simge taşır ve sunucu tarafında alan adına göre "Kiremitci Metal" ya da "KRM Steel" ile doldurulur; logo, paylaşım görseli ve iletişim e-postası da aynı kurala göre değişir. Böylece aynı İngilizce içerik iki markada doğru görünür.

Ürün kataloğu

Katalog dört ürün grubu ve dört ana üründen oluşur. Ölçüler varyant olarak tutulur: teleskopik direk için 3 m'den 5 m'ye beş boy, sac pano için 20×100 cm'den 50×100 cm'ye beş ebat, kolon bağlantı elemanları için 1 m'den 3–3,5 m'ye yedi boy; toplam 17 varyant. Tayrot mili istenen ölçüde üretildiği için sabit liste yerine bu bilgiyle sunulur. Her ürünün yapı, ayar mekanizması, yüzey işlemi, uyumluluk ve özel üretim gibi teknik özellikleri ayrı satırlarda ve her dilde kendi etiketiyle saklanır. Ürün sayfasında galeri, teknik özellik listesi, varyant seçici ve teklif butonu bir arada bulunur.

Teklif akışı

Ziyaretçi ürün sayfasında ölçüyü seçip "Teklif İste" dediğinde form o ürün ve varyant önceden seçilmiş olarak açılır. Form firma adı, yetkili kişi, e-posta, telefon, ülke, şehir, tercih edilen iletişim kanalı (e-posta, telefon veya WhatsApp) ve ürün kalemlerini adet ve birimiyle alır. Her talep okunabilir bir talep numarası alır; ürün adı, kodu ve varyant adı talep anında kopyalanır, böylece katalog sonradan değişse bile talep ilk hâliyle okunur. Talebin geldiği sayfa ve UTM parametreleri de kaydedilir.

Kurumsal sayfalar ve PDF katalog

Hakkımızda, iletişim, sıkça sorulan sorular (her dilde yedi soru), gizlilik, çerez politikası ve kullanım şartları sayfaları da beş dilde hazır. Ofis ve ekip bilgileri veritabanından gelir. Katalog verisinden üretilen A4 PDF kataloglar Türkçe, İngilizce ve Almanca dillerinde site üzerinden indirilebilir.

Yönetim paneli

Ayrı bir Next.js uygulaması olan panel, ürün yönetimi grubunda ürün gruplarını, ürünleri, teklif taleplerini, ekibi ve ofisleri toplar. Teklif talepleri listelenir, aranır ve tek tek açılır; her talep yeni, inceleniyor, iletişime geçildi, nitelikli, kapandı, spam durumları arasında ilerletilir, bir sorumluya atanır ve iç notlarla zenginleştirilir. Her durum değişikliği kimin yaptığıyla birlikte olay geçmişine yazılır. Site ayarları, menü, ana sayfa düzeni, özel sayfalar, medya deposu, SSS, önbellek temizleme, denetim kaydı ve rol bazlı kullanıcı yönetimi de aynı panelden yürür.

Teknik mimari

• Frontend: Next.js, React ve TypeScript; sayfalar sunucu tarafında oluşturulur, Arapça sayfalar dir="rtl" ile sağdan sola render edilir.
• Backend: Bun üzerinde Fastify, Drizzle ORM ve MySQL. Herkese açık uçlar ile JWT ve rol kontrolüyle korunan yönetim uçları ayrı katmanlarda tanımlıdır.
• Veri modeli: ürün, varyant, görsel, teknik özellik, ofis ve ekip tabloları dil bağımsız ana kayıt ile dil başına çeviri kaydı olarak ayrılmıştır. Eksik çeviri başka bir dilden sessizce doldurulmaz.
• SEO: canonical ve hreflang, dil ile alan adı eşleşmesine göre üretilir; Türkçe sayfalar kiremitcimetal.com'a, diğer diller krmsteel.com'a bağlanır. Alan adına göre sitemap, robots.txt, llms.txt ile Organization, Product ve BreadcrumbList yapılandırılmış verisi ve IndexNow anahtar ucu bulunur.
• Performans: Nginx'te alan adını anahtara katan HTML önbelleği, yüklenen görsellerin diskten doğrudan servis edilmesi ve düzenli önbellek ısıtma sayesinde iki marka aynı uygulamayı paylaşırken birbirinin sayfasını göstermez.
• Güvenlik: teklif formunda bot tuzağı alanı ve dakikada istek sınırı vardır; IP adresi düz değil, gizli anahtarla özetlenmiş hâliyle saklanır. Önbellek yenileme ucu sabit bir varsayılan anahtar kabul etmez.

Entegrasyonlar

Altyapıda Cloudflare, Let's Encrypt sertifikaları ve PM2 süreç yönetimi kullanılır. Panelde GA4, Google Search Console ve Google Workspace hesap bağlantısı için ekranlar, yapay zekâ metin üretiminde kullanılacak istem (prompt) şablonlarını yöneten bir modül bulunur. Ürün ve kurumsal içerik, firmanın kendi fotoğraflarından ve marka dosyalarından üretilen seed betikleriyle veritabanına aktarıldı.

Sonuç ve bugün

Platform kiremitcimetal.com ve krmsteel.com adreslerinde canlıda. Türkiye'deki alıcı Kiremitci Metal'i Türkçe, yurt dışındaki alıcı KRM Steel'i kendi dilinde görüyor; arkada tek katalog, tek teklif kutusu ve tek panel çalışıyor. Yol haritasında SSS için FAQPage yapılandırılmış verisi, ürün şemasının açıklama ve teklif bilgisiyle tamamlanması, yerel işletme şeması ve Arapça arayüzün sağdan sola görsel kabul testleri yer alıyor.