proje detayları

Aurora Global — B2B Rulman Kataloğu ve Teklif Sitesi

Birleşik Krallık merkezli otomotiv ve endüstriyel yedek parça tedarikçisi için teknik rulman kataloğu ve teklif talebi akışına sahip çok dilli B2B web sitesi.

Müşteri

Aurora Global Ltd

Başlangıç

07 Jul 2026

Bitiş

Web Sitesi

auroraglobal.uk
Aurora Global ana sayfası: Avrupa sanayisi için hassas rulman tedariki
Açıklama

Birleşik Krallık merkezli otomotiv ve endüstriyel yedek parça tedarikçisi için teknik rulman kataloğu ve teklif talebi akışına sahip çok dilli B2B web sitesi.

Vaka çalışması

Zorluk

Aurora Global'in eski sitesi yalnız kurumsal tanıtım sunuyordu; ürün listesi ve teklif akışı yoktu, teklif düğmesi WhatsApp'a gidiyordu. Firma stoğunu her gün BearingNet'e yüklüyor, ancak aynı stok kendi sitesinde görünmüyordu. Alıcılar ise siteye parça numarasıyla ve birden çok dilde geliyordu.

Yaklaşım

Next.js, Fastify ve MySQL üzerinde, içeriğin tamamı panelden yönetilen dört dilli bir B2B katalog ve teklif sitesi kuruldu. BearingNet'in kendi Excel biçimi doğrudan panelde içe aktarılabilir hâle getirildi; dosya önce yazmadan ön izlenir, yükleme anahtarı hiçbir yere kaydedilmez. Ürün sayfaları teknik özellik tablosu, güven bilgisi, yapısal veri ve ürüne özel paylaşım görseliyle donatıldı.

Sonuç

Site bugün 5.715 aktif ürün kaydı, 11 ürün grubu ve 4 markayla İngilizce, Almanca, Rusça ve Arapça yayındadır. Her ürün bir teklif talebine bağlanır ve talepler panelde durumuyla izlenir. Günlük stok güncellemesi, müşterinin zaten hazırladığı dosyanın panele bırakılmasıyla yapılır.

Araçlar

Next.js 16, React 19, TypeScript, Tailwind CSS 4, Fastify, Bun, Drizzle ORM, MySQL, Nginx, PM2

Öne Çıkan Özellikler
  • 5.715 aktif ürün, 11 ürün grubu, 4 marka (SKF, Timken, NTN, SNR)

  • Parça numarası, marka ve kategoriyle gelişmiş arama (⌘K)

  • Çok ürünlü teklif talebi (RFQ) ve talep numarası

  • Panelde teklif durum akışı, atama, not ve olay geçmişi

  • BearingNet Excel dosyasıyla ön izlemeli günlük stok yükleme

  • EN/DE/RU/AR dört dil, yerelleştirilmiş URL ve RTL Arapça

  • Dil başına ürün site haritası, hreflang ve Product şeması

  • Her ürün için sunucuda üretilen sosyal paylaşım görseli

  • llms.txt, IndexNow ve FAQPage yapısal verisi

Kullanılan Teknolojiler
  • Next.js 16

  • React 19

  • TypeScript

  • Tailwind CSS 4

  • Fastify

  • Bun

  • Drizzle ORM

  • MySQL

  • Nginx

  • PM2

Tasarım Öne Çıkanları
  • Marka paletine dayalı köşesiz, endüstriyel arayüz; açık ve koyu tema

  • Katalog sayaçları canlı veriden hesaplanır, pazarlama tahmini yazılmaz

  • Ürün sayfasında inceleyen ekip, güncelleme tarihi ve üretici kaynağı

  • Arapça için sağdan sola (RTL) düzen ve her dilde yerel slug

  • Klavye kısayoluyla açılan, filtreli arama penceresi

Detaylar

Aurora Global, Birleşik Krallık merkezli, otomotiv ve endüstriyel yedek parça tedarik eden bir B2B firmasıdır; odağında rulman vardır. Hedef kitlesi OEM teknik satın alma ekipleri, MRO ve bakım birimleri, satın alma müdürleri ve endüstriyel distribütörlerdir; pazarı yalnız İngiltere değil, Avrupa, Orta Doğu, Asya ve Afrika'dır. Bu proje, firmanın stoğunu parça numarasıyla aranabilir bir teknik kataloğa ve her ürünün teklif talebine bağlandığı bir satış kanalına dönüştürdü.

Proje bağlamı ve ihtiyaç

Firmanın önceki sitesi kurumsal bir tanıtım sayfasıydı: ürün listesi ve teklif akışı yoktu, "Request a quote" düğmesi doğrudan WhatsApp'a gidiyordu. Oysa rulman alıcısı siteye bir parça numarasıyla gelir; aradığı şey "bu referans sizde var mı, ne zaman, hangi fiyata" sorusunun cevabıdır. Aurora Global stoğunu her gün BearingNet ağına yüklüyor ve alıcılar parçayı orada bulup teklif istiyordu. İhtiyaç netti: aynı stok kendi sitesinde de görünmeli, her ürün sayfası bir teklif talebine dönüşebilmeli ve site birden çok dilde arama motorlarında ve yapay zekâ aramalarında bulunabilmeliydi.

Çözüm ve kapsam

Teknik rulman kataloğu

Canlı katalogda 5.715 aktif ürün kaydı, 11 ürün grubu ve 4 marka (SKF, Timken, NTN, SNR) bulunur. Gruplar; sabit bilyalı, eğik bilyalı, oynak bilyalı, silindirik makaralı, konik makaralı, oynak makaralı ve iğneli rulmanlar, eksenel rulmanlar, yataklı rulman üniteleri, otomotiv tekerlek rulmanları ve rulman ve endüstriyel bileşenlerdir. Ürün listesinde grup filtresi, "yalnız stoktakiler" filtresi ve sayfalama vardır. Sayfanın üstündeki sayaçlar elle yazılmış bir pazarlama rakamı değil, o anki yayındaki katalogdan hesaplanır.

Gelişmiş ürün arama

Sitenin her yerinden açılan arama penceresi (⌘K) parça numarası, marka veya rulman kategorisiyle canlı katalogda arama yapar; marka ve kategori filtreleri, eşleşen ürün listesi ve "tüm sonuçları gör" bağlantısı içerir. Arama metinleri dört dilde veritabanından gelir.

Ürün detay sayfaları

Her ürün sayfasında ürün açıklaması, "nerede kullanılır" ve "teknik avantajlar" bölümleri, iç çap, dış çap, genişlik ve dinamik yük sayısı gibi teknik özellik tablosu, ilgili ürünler ve doğrudan teklif düğmesi yer alır. Güven için içeriği kimin incelediği, kaydın son güncellenme tarihi ve üretici kaynağı gösterilir; teknik uyumluluğun üretici belgesiyle teyit edilmesi gerektiği açıkça yazılır. Boyut ve yük değerleri tahmin edilerek doldurulmaz.

Teklif talebi (RFQ)

Teklif sayfası dört adımlık süreci anlatır: ürün seçimi, ihtiyaçların paylaşılması, teknik inceleme ve dönüş. Kullanıcı bir veya birden çok ürünü miktarıyla ekler, firma ve iletişim bilgilerini, ülke (ISO kodu), şehir ve mesajını girer; gizlilik onayı zorunludur. Her talebe benzersiz bir talep numarası verilir, kaynak sayfa ve UTM bilgileri kaydedilir, IP adresi yalnız özetlenmiş (hash) olarak tutulur ve form dakikada istek sınırıyla korunur.

Kurumsal sayfalar

Ana sayfa, hakkımızda, iletişim, SSS, gizlilik, çerez ve kullanım şartları sayfaları; BearingNet üyeliği rozeti hem altbilgide hem hakkımızda sayfasında yer alır.

Yönetim paneli

Sitedeki görünen metinlerin tamamı yönetim panelinden ve veritabanından yönetilir. Panelde öne çıkan ekranlar:

  • Teklif talepleri: durum akışı (yeni, incelemede, iletişime geçildi, nitelikli, kapandı, spam), atanan kişi, iç notlar ve olay geçmişi; yeni talep panel bildirimi üretir.
  • BearingNet stok yükleme: müşterinin BearingNet'e her gün gönderdiği Excel dosyası panele bırakılır; önce yazmadan bir ön izleme raporu (eklenecek, güncellenecek, reddedilen satırlar) üretilir, onaydan sonra stok miktarları güncellenir ve yeni parçalar ürün olarak açılır.
  • Ürünler ve ürün grupları: çok dilli ad, açıklama, görsel, varyant ve teknik özellik yönetimi.
  • İçerik: ana sayfa düzeni, slider, menü, SSS, özel sayfalar, ofisler, e-posta şablonları, medya kütüphanesi ve site ayarları.
  • Pazarlama ve görünürlük: GA4, Google Ads, Search Console ve sosyal kanal bağlantı ekranları, yapay zekâ içerik istemleri (LLM prompt) yönetimi.
  • Sistem: kullanıcılar ve roller, denetim kaydı, önbellek ve bildirimler.

Teknik mimari

Proje üç uygulamadan oluşan bir Bun monoreposudur: Next.js 16 ve React 19 ile herkese açık site, Next.js tabanlı yönetim paneli ve Fastify üzerinde çalışan bir REST API. Veri katmanı MySQL'dir; şema ve içerik numaralı SQL seed dosyalarıyla sürümlenir. Katalog veri modeli ürün, ürün çevirisi, stok, varyant, görsel, teknik özellik ve kategori bağı tablolarına; teklif tarafı talep, talep kalemi ve talep olayı tablolarına ayrılmıştır.

Çok dillilik: Site İngilizce (varsayılan), Almanca, Rusça ve Arapça olmak üzere dört dilde yayındadır. URL'ler dile göre yerelleştirilir (ör. /en/request-a-quote, /de/angebot-anfordern); ürün adresleri de her dilde kendi slug'ını taşır. Arapça sayfalar sağdan sola (RTL) düzende sunulur.

SEO ve GEO: Her dil için ayrı ürün site haritaları üreten bir site haritası dizini, hreflang ve canonical etiketleri, Organization, Product ve BreadcrumbList yapısal verisi, FAQPage işaretlemesi, yapay zekâ arama motorları için llms.txt ve IndexNow bildirimi kuruludur. Her ürün ve statik sayfa için sunucu tarafında benzersiz bir sosyal paylaşım görseli üretilir.

Güvenlik ve kalite: BearingNet dosyasının ilk satırındaki yükleme anahtarı hiçbir zaman okunmaz, loglanmaz ve veritabanına yazılmaz; yükleme yalnız yönetici rolüne açıktır. Google hesap belirteçleri şifrelenerek saklanır. Katalog API regresyon testleri, içe aktarma ayrıştırıcısı için birim testleri ve Playwright uçtan uca testleri bulunur. Yayın betiği yeni sürümü ayrı bir klasörde derler, HTTP rotalarını doğrular ve etkinleştirme başarısız olursa önceki sürüme döner.

Entegrasyonlar

  • BearingNet: ağın otomatik yükleme biçimindeki stok dosyasının içe aktarılması.
  • Google Workspace: Gmail ve Takvim için OAuth bağlantısı.
  • Meta ve sosyal kanallar: Facebook ve Instagram için OAuth bağlantısı; LinkedIn, Instagram ve Facebook profilleri Organization şemasında sameAs olarak tanımlı; site dili, aynı ekibin yürüttüğü İngilizce sosyal medya içerikleriyle uyumludur.
  • Tanitio: içerik bağlantısı için ayrı bir API ucu.

Sonuç ve bugün

Aurora Global bugün kendi alan adında, dört dilde ve parça numarasıyla aranabilen bir rulman kataloğuyla yayındadır. BearingNet'te listelenen SKF ve Timken stoğu sitede ürün sayfası olarak bulunur, her sayfa teklif talebine bağlanır ve talepler panelde durumuyla izlenir. Günlük stok güncellemesi ek bir sistem gerektirmeden, müşterinin zaten hazırladığı dosyanın panele yüklenmesiyle yapılır. Proje; katalog içeriği, SEO ve sosyal medya çalışmalarıyla birlikte sürekli bakım altında geliştirilmeye devam ediyor.