Next.js ile Kurumsal Web Sitesi Mimarisi Nasıl Kurulur?

Kurumsal ölçekte Next.js’in değeri, “tek tek sayfalar” değil; kararların standarda dönüşmesidir. Routing → Rendering → Data → Components → Deploy hattını netleştirdiğinizde hem CWV hem SEO hem de geliştirme hızı birlikte iyileşir.

Kurumsal sitede ihtiyaçlar nettir: hızlı açılan sayfalar, iyi indexlenen içerik, esnek içerik yönetimi, ölçülebilir dönüşüm ve entegrasyonlara hazır altyapı. Next.js; server-side rendering, static generation, incremental static regeneration, modern routing ve component mimarisiyle bunu mümkün kılar. Ayrıca ekip ölçeği büyüdükçe, iyi tasarlanmış bir Next.js mimarisi “geliştirme hızını” da korur.

Kurumsal ölçek için avantajlar

• •SEO dostu HTML üretimi (doğru render stratejisiyle)
• •Performans (route bazlı code splitting, caching yaklaşımı)
• •Esneklik (CMS/CRM/PMS gibi sistemlerle çalışabilme)
• •Ölçeklenebilir UI (design system + shared components)

Yanlış render seçimi, Next.js projelerinde en sık yaşanan “performans/SEO fırsatı boşa gitti” sebebidir. Bu kararı “teknik zevk” ile değil, sayfa tipi + veri güncelliği + kullanıcı beklentisi ile verin.

SSR, SSG ve ISR arasındaki fark nedir, hangisini seçmeliyim?

SSG (Static) sayfayı derleme anında üretir; içerik sık değişmiyorsa en hızlı ve stabil çözümdür. SSR her istekte üretir; veri anlık değişiyorsa (ör. fiyat, oda müsaitliği) uygundur ama caching şarttır. ISR ise static hızını korurken belirli aralıklarla sayfayı yeniler; kurumsal içerik + dönemsel güncellenen sayfalar için idealdir.

Karar matrisi (kurumsal pratik)

• •SSG için uygun: Kurumsal hizmet sayfaları, bloglar, “hakkımızda”, sabit içerikler
• •ISR için uygun: Kampanya sayfaları, sezon/etkinlik sayfaları, “yakın zamanda güncellenen” içerikler
• •SSR için uygun: Otel oda fiyat/müsaitlik, rezervasyon adımı, kullanıcıya göre değişen içerikler (B2B teklif paneli vb.)

Kurumsal projelerde “dosya düzeni” sadece düzen değil, ekip ölçeğini taşıyan sistemdir. Route mimarisi; URL hiyerarşisini, locale yapısını ve SEO düzenini doğrudan etkiler.

/[locale]/ yapısı ve SEO uyumlu URL tasarımı

Çok dilli (Varsayım) yapılarda /tr/, /en/ gibi net locale segmentleri; hreflang ve içerik yönetimini kolaylaştırır. URL’ler; kategori–alt kategori–detay mantığıyla “okunabilir” olmalıdır.

• •/tr/yazilim/web-sitesi-gelistirme (hizmet hub)
• •/tr/yazilim/blog/... (child içerik)
• •Otel projeleri için destinasyon/konsept sayfalarında aşırı parametre kullanımından kaçınma (Varsayım)

Layout, shared component ve design system yapısı

Kurumsal projede “her sayfa kendi başına” yaklaşımı sürdürülemez. Çözüm: layout hiyerarşisi + shared component kütüphanesi + tasarım sistemi.

• •Global Layout: header/footer, dil switcher, temel grid
• •Silo Layout: yazılım/otel/seo gibi alanların ortak şablonu
• •Component katmanı: Button, Card, CTA, Form, Section blokları
• •“Content block” yaklaşımı: CMS’ten gelen modüler bloklar (Varsayım)

Otel ve B2B için örnek klasör yapısı (öneri)

• •Otel odaklı (Varsayım): /(site)/[locale]/hotel/... | /(site)/[locale]/rooms/... | /(site)/[locale]/offers/... | /(booking)/[locale]/reservation/... (SSR + caching yaklaşımı)
• •B2B odaklı: /(site)/[locale]/services/... | /(site)/[locale]/case-studies/... | /(site)/[locale]/contact/... | /(app)/[locale]/dashboard/... (Varsayım)

Kurumsal Next.js sitesinde SEO “meta tag” değil; render, URL, içerik, performans ve schema toplamıdır. Teknik SEO ile tutarlı bir mimari kurmak, ileride maliyeti düşürür.

Metadata, canonical, schema ve iç link stratejisi

• •Her sayfada doğru title/meta
• •Canonical ve pagination (Varsayım) düzeni
• •JSON-LD @graph standardı
• •İç link: hizmet → blog → ilgili teknik sayfalar zinciri

Performans pratikleri (CWV odaklı)

• •Görsel optimizasyon (WebP/AVIF, doğru boyut)
• •Route bazlı yük azaltma (ağır script’leri sınırlama)
• •Caching stratejisi (SSR/ISR’de kritik) (Varsayım)
• •Üçüncü taraf script disiplini (tag/ads/chat) (Varsayım)

Otel ve B2B’de “aynı Next.js” farklı problemleri çözer. Otelde dinamik fiyat/müsaitlik + rezervasyon akışı; B2B’de içerik ölçeği + lead üretimi + CRM bağlantısı kritik.

Otel ve B2B site mimarisi Next.js’te nasıl tasarlanır?

Otel için: içerik sayfaları (SSG/ISR) + rezervasyon akışı (SSR) ayrıştırılır; PMS/rezervasyon motoru entegrasyonu ve ölçümleme (event tracking) en baştan kurgulanır. B2B için: hizmet/case içerikleri (SSG/ISR) ölçeklenir; lead form ve CRM akışı “kanıtlı test” ile yayınlanır; içerik yönetimi (CMS) modüler bloklar üzerinden yürür.

B) Problem → Kök Neden → Çözüm tablosu

Next.js ile kurumsal site mimarisinde başarı; framework bilgisi kadar, kararların yazılı standarda dönüşmesine bağlıdır: render stratejisi, URL/locale hiyerarşisi, component sistemi ve entegrasyon modeli. Bu 4’lü doğru kurulduğunda hem SEO hem CWV hem de geliştirme hızı birlikte yükselir.