Site, Next.js 16 App Router üzerine React 19 + TypeScript 5 ile inşa edildi; stil katmanı Tailwind CSS v4 (@theme token'ları, dark/light), etkileşim Framer Motion. Tüm sayfalar statik HTML olarak üretiliyor (Full SSG) — bu, hem çekirdek web metrikleri hem de arama/AI botlarının içeriği eksiksiz görmesi için bilinçli bir mimari karar. Çok dillilik [locale] segment yönlendirmesiyle çözüldü: TR (varsayılan) + EN, ortak Türkçe slug'lar (TR birincil SEO hedefi) ve Next 16'nın proxy.ts katmanıyla çerez/Accept-Language tabanlı otomatik yönlendirme. Teknik SEO/AEO tarafı sitenin belkemiği: her sayfa için merkezi bir buildMetadata() üreteciyle title/description/canonical + hreflang + OpenGraph + Twitter kartları; JSON-LD yapısal verisi (Organization, WebSite, Product, FAQPage, BreadcrumbList, Article); iki dilli sitemap (hreflang'li), robots ve manifest; next/og (Satori) ile sayfaya/yazıya özel dinamik OpenGraph görselleri. Google Search Console + Bing doğrulaması entegre. KVKK-uyumlu çerez onayı özel kodlandı: GA4 + Microsoft Clarity yalnızca kullanıcı 'Kabul et' dedikten sonra yükleniyor, tercih localStorage'da saklanıyor, SSR/hidrasyon uyumu korunuyor. İçerik motoru olarak yapısal-blok bir model tasarlandı: 11 çift-dilli makalelik bir Kaynak Merkezi (blog), her yazıya üretilen markalı kapak grafiği (dosya yüklemeden), client-side arama + kategori filtreleri, yapışkan içindekiler, okuma-ilerleme çubuğu ve paylaşım. İletişim formu serverless bir API rotası üzerinden Resend ile e-postaya dönüşüyor; 4 katmanlı bot koruması (honeypot, zaman-tuzağı, IP rate-limit, Cloudflare Turnstile) ve dönüşüm event'leri içeriyor. Güvenlik başlıkları (CSP, HSTS, X-Frame-Options) next.config seviyesinde tanımlı. Site, standalone Docker imajı olarak Hetzner sunucusunda Dokploy ile yayında; DNS/SSL Cloudflare üzerinden — canlı adres bekci.ai.
Çoğu kurumsal site ya hazır tema/statik HTML olduğu için arama motorlarında ve yapay-zeka arama sonuçlarında (AEO) görünmez kalıyor, ya da tek dilli ve içerik üretemeyen 'broşür' niteliğinde. KVKK gibi yasal gerekliliklere (çerez onayı, yapısal veri, çok dilli hreflang) uygun; aynı zamanda hızlı ve dönüşüm-odaklı bir kurumsal platformu sıfırdan, sürdürülebilir bir kod tabanıyla kurmak; tasarım, SEO mühendisliği, içerik altyapısı ve deploy'u tek elde toplamayı gerektiriyor.
Bu proje kurumsal siteyi bir 'mühendislik ürünü' olarak ele aldı: tamamen statik üretilen, iki dilli ve tek amacı ziyaretçiyi teklife dönüştürmek olan bir mimari. Teknik SEO reçetesi (per-page metadata, hreflang, 6 farklı JSON-LD şeması, dinamik OG, sitemap/robots) baştan içeri işlendi; KVKK çerez onayı ve analytics özel kodlandı; genişleyebilir bir blog/Kaynak Merkezi altyapısıyla içerik pazarlaması mümkün kılındı; tüm sistem kendi sunucusuna Docker ile taşınarak bağımlılıksız, tam kontrol edilebilir bir yayın hattı kuruldu. Sonuç: hızlı, erişilebilir, arama-dostu ve marka dilini tutan, canlıda çalışan bir kurumsal platform.
Ana sayfa — hero + canlı analiz
Görsel yakında eklenecek
