Next.js + headless CMS + Core Web Vitals optimize. Conversion-first tasarım, mobile-first development. 14 kişilik ekip + 1 AI Agent (Vorkaz). Vercel deploy.
E-ticaret, kurumsal, lokal hizmet, SaaS landing fark etmez. Modern web altyapısı herkes için aynı temele dayanır. Sadece içerik ve kullanıcı akışı farklı.
Bu hizmet farklı sektörlere uygun. Kartına dokun, sana ne kazandıracağını gör.
Next.js + Sanity + Tailwind + Vercel — production-grade, ölçeklenebilir, hızlı.
App Router, Server Components, Partial Prerendering, edge runtime. Modern stack, 5 yıl geleceğe hazır.
Radix headless + CVA variant + 8pt grid. Marka token'ları, dark mode, erişilebilirlik (WCAG AA).
İçerik editörlük dostu, real-time preview, görsel pipeline (Sharp + AVIF), versioning.
LCP < 2.5s, INP < 200ms, CLS < 0.1. Lighthouse 95+ ölçümlü hedef, PageSpeed Insights yeşil.
Schema.org, OpenGraph, sitemap.xml, robots.txt, hreflang, canonical. SEO ekibinin işini kolaylaştırır.
CSP header, rate limiting, Vercel edge, GitHub Actions CI/CD, Sentry monitoring.
'Güzel görünsün' ötesi — ölçülebilir performans, erişilebilirlik, tasarım sistemi disiplini ve içerik önceliği. Her sütun canlı üretimde kanıtlandı.
Core Web Vitals 95+ hedef, Lighthouse raporu teslim öncesi sabit. LCP <2.5s, INP <200ms, CLS <0.1. Next.js Image optimizasyonu, font-display swap, lazy loading, kod bölme disiplini. Tek sayfa için 'hızlı' değil, sistem genelinde 'daima hızlı'.
WCAG 2.2 AA minimum, AAA hedef. Ekran okuyucu test edilir, keyboard navigation tam, odak yönetimi Radix primitives ile. Renk kontrastı 4.5:1 zorunlu. 'Nice-to-have' değil — başlangıç kriteri, bitiş testi.
Brand token'lar → semantic token'lar → component token'lar hiyerarşisi. shadcn/ui kopyala-yapıştır mimari ile node_modules bağımlılığı sıfır. CSS custom properties ile dark mode + tema gecişi tek satır. Her component CVA variant sistemi.
generateMetadata her sayfada benzersiz, JSON-LD schema otomatik, sitemap.ts + robots.ts + opengraph-image dinamik. İçerik data-driven (data/*.ts) — hardcoded string YASAK. Single source of truth ile yeni sayfa = 1 data satırı.
50+ canlı projede doğrulandı: performans düşerse conversion düşer, erişilebilirlik eksikse yasal risk + kullanıcı kaybı, tasarım sistemi yoksa bakım maliyeti 10x, SEO-first değilse organik trafik yok. Bu 4 sütun pazarlık konusu değil.
Her adım 'ne yapıyoruz', 'neden önemli' ve 'sizin için sonuç' üçlüsüyle anlatılır. Discovery'den 6-aylık bakıma, her aşama şeffaf.
90 dakikalık video workshop: hedef kitle, conversion KPI, rakip analizi, marka sesi, içerik envanteri. Mevcut site varsa full audit (Lighthouse + Screaming Frog + a11y tarama). Sektör veritabanı (design-intelligence skill) ile sektör + palet + font eşleştirmesi.
Sıfırdan 'güzel bir site' istemek en pahalı yol — amaç belirsizse 10 revizyona sürüklenir. Discovery, kapsam ve başarı kriterini kilitler. 'Hangi butona tıklanacak' sorusu teknolojiden önce gelir.
Proje riski %80 düşer — revizyon döngüsü 3'ten 1'e iner. Siz de tam olarak neye yatırım yaptığınızı bilir, teslim sonrası sürpriz yok.
Shopify Hydrogen, Medusa, custom Next.js + Stripe. Headless, hızlı, mobile-first.
Sanity CMS + Next.js + lead form. Multi-language, ABAC role yönetimi, blog + case study.
Randevu sistemi, MedicalOrganization schema, GDPR uyumu, AAA accessibility.
GBP entegrasyonu, lokal landing, WhatsApp CTA, offline conversion tracking.
Üç müşteri, üç farklı sektör, ortak sonuç: hız + dönüşüm artışı.
WordPress + WooCommerce çok yavaştı (mobile PageSpeed 32). Sepet terk oranı %78, ürün filtresi mobilde kullanılmazdı.
Next.js 16 App Router + Sanity CMS + Stripe checkout. Catalog 800 ürün migrate, görsel pipeline (AVIF), edge cache.
"Eski sitede satış kaybediyorduk farkında değildik. Yeni site geldikten sonra anladık."
— Kartal Mobilya Ekibi
Eski statik HTML site. Lead form yok, blog yok, mobile responsive değildi. B2B müşteri kazanımı sıfır.
Next.js + Sanity CMS, multi-step lead form (HubSpot entegrasyonu), case study + blog modülü, AAA accessibility.
Görsel ağırlıklı bir sektör ama site eski tasarım, randevu sistemi telefon-only, online presence zayıf.
Next.js + Sanity + custom appointment booking, Instagram feed integration, lifestyle blog modülü, GBP cross-link.
“Eski WordPress sitemiz mobilde çok yavaştı. Next.js'e geçirdiler, PageSpeed skoru 32'den 96'ya çıktı. Aynı içerik, tasarım daha modern, dönüşüm %85 arttı.”
“Çağrı merkezi sektöründe sitemiz 12 yıl önceydi. 4 haftada modern, mobil-uyumlu, hızlı bir site teslim ettiler. Telefon dönüşüm tracking'i de kurulu — artık hangi sayfa hangi aramayı getiriyor görebiliyoruz.”
“Beyaz eşya servisinde aciliyet hissi vermek önemli. Her sayfada 'Hemen Ara' + WhatsApp butonu, sticky alt çubuk, mobilde tıklanabilir telefon. Sonuç: telefon aramaları %220 arttı.”
Hızlı ve modern site = SEO + dönüşüm = gelir. Eski WordPress sitesi her gün gelir kaçırıyor.
| WordPress Ajansı | Freelancer | Trusted Digital Partner | |
|---|---|---|---|
| Modern stack (Next.js + React + Vercel) | · | ||
| Core Web Vitals (LCP < 2.5s, CLS < 0.1) ölçümlü | · | ||
| SEO altyapısı dahil (sitemap, JSON-LD, hreflang) | · | ||
| Mobile-first responsive (3 viewport test) | |||
| Güvenlik açığı sıfır (statik üretim) | · | ||
| Hosting maliyet sıfır-düşük (Vercel) | · | ||
| CMS panel (kendiniz güncelleyebilme) | · | ||
| Analytics + conversion tracking dahil | · | ||
| Aylık bakım paketi (opsiyonel) | · |
PageSpeed < 50 = kullanıcının %53'ü 3 saniyede terk eder. Mobile-first dünyada bu = SEO ve dönüşüm cehennemi.
LCP > 4s, CLS > 0.25, INP > 500ms = Google ranking penalty. AI search'te de ilk olarak elenir.
WP plugin'lerinin %80'i 1+ critical CVE ile geliyor. Yıllık 12+ güvenlik patch + sürekli backup gerek.
Eski stack'te yeni özellik = riskli refactor. Modern stack'te component ekle, deploy. Innovation hızı kritik.
Kayıt olduğunda gerçekten yanında götürdüklerin.
LCP < 2.5s, CLS < 0.1, INP < 200ms. Geçmezse ücretsiz iyileştiriyoruz.
Önce 320px, sonra desktop. 3 viewport test (mobil/tablet/masaüstü) standart.
sitemap.xml, robots.txt, generateMetadata, JSON-LD, Open Graph, hreflang. İlk gün GSC submit.
Sanity CMS ile drag-drop güncelleme. Eğitim dahil. Kod yazmaya gerek yok.
Geleneksel web tasarım sadece insanlar için. Modern web tasarım + AI crawler-ready: ChatGPT, Perplexity, Gemini sitenizi parse edip cevaplarında referanslar. 2026'da zorunlu katman.
Div sarmalama yerine <header>, <main>, <article>, <section> doğru hiyerarşi. ARIA role'leri (navigation, complementary, contentinfo) AI crawler'lara sayfa yapısını iletir. Ekran okuyucu ile AI crawler aynı yoldan yürür.
Organization + LocalBusiness + WebSite + WebPage + BreadcrumbList her sayfada. Ürün sayfalarında Product + Offer, blog'da Article + Author, FAQ'da FAQPage. AI cevap motoru structured data olan siteleri 3-5x daha iyi anlar.
Image-heavy / text-poor sayfalar AI crawler'a kapalı kutu. Her kritik sayfada 500+ kelime semantic içerik, H1-H6 hiyerarşi disiplini, alt text zorunlu. 'Hero'da 3 kelime, sayfada 50 kelime' tasarımı = AI görünmezlik.
robots.txt'in yanına llms.txt eklenir — AI asistanlarına sitenizin ana konularını, expertise alanlarını, citation tercihlerini iletir. GPTBot, ClaudeBot, PerplexityBot için ayrı crawl politikası. 2026 AEO standardı.
AI crawler'lar slow site'ları bıraktır — 3 saniye içinde içerik yoksa başka kaynağa geçer. Next.js SSR + ISR ile first render <500ms. Client-heavy SPA'lar AI'a görünmez — SSR zorunlu.
AI asistanlar 'son güncelleme' tarihine bakar. Last-modified header, <time> tag, schema.org dateModified disiplini. Blog makalesi 2 yıl eski = AI görünmez. ISR revalidate + dinamik update pipeline.
Next.js 16 + React 19 + Tailwind CSS + Vercel hosting. Modern, hızlı, SEO-dostu, mobil-öncelikli. WordPress ZORUNLU değilse kullanmıyoruz — ağır, güvenlik açıkları, Core Web Vitals geçmesi zor. E-ticaret için Next.js + Sanity CMS veya Shopify Hydrogen.
60 dakika ücretsiz keşif görüşmesi. Mevcut sitenizi audit ediyoruz, sana özel teklif sunuyoruz.