Next.js ile Statik Site Oluşturma: Neden Kurumsal Sitelerde Tercih Ediyoruz?

Bir web sitesi teknik olarak iki şekilde çalışabilir: sayfalar her ziyarette sunucuda üretilir ya da önceden üretilip hazır dosyalar olarak sunulur. İkinci yaklaşımın adı statik site ve biz kurumsal tanıtım sitelerinde — kendi sitemiz dahil — çoğunlukla bunu tercih ediyoruz. Bu yazıda nedenini ve Next.js ile nasıl kurduğumuzu anlatıyoruz.

SSG, SSR, ISR: üç kısaltmanın Türkçesi

SSG (Static Site Generation): Tüm sayfalar siteyi yayınlarken bir kez üretilir; ziyaretçiye hazır HTML gider. En hızlı ve en ucuz yöntem.

SSR (Server-Side Rendering): Sayfa her ziyarette sunucuda yeniden üretilir. İçerik kullanıcıya göre değişiyorsa (üyelik, sepet) gerekir; ama sunucu maliyeti ve gecikme getirir.

ISR (Incremental Static Regeneration): İkisinin ortası — sayfalar statik ama belirli aralıklarla arka planda tazelenir.

Kural basit: içerik herkes için aynıysa SSG, kullanıcıya özelse SSR. Tanıtım sitesi, blog ve landing sayfaları için SSG neredeyse her zaman doğru cevaptır.

Statik sitenin somut avantajları

Hız

Sunucu sayfayı "düşünmez", hazır dosyayı verir. CDN ile birleşince site dünyanın her yerinden milisaniyelerle açılır. Hız hem Google sıralama faktörü hem de dönüşüm faktörüdür: yavaş site, ziyaretçinin geri tuşuna basması demektir.

Güvenlik

Çalışan bir veritabanı ve sunucu kodu olmadığı için saldırı yüzeyi minimuma iner. WordPress sitelerin sık yaşadığı eklenti açığı, veritabanı sızıntısı gibi riskler statik mimaride yapısal olarak yoktur. Bu karşılaştırmayı WordPress ve özel kodlama yazımızda detaylı ele aldık.

Maliyet

Statik dosyalar en ucuz hosting katmanında, hatta bazı platformlarda ücretsiz barınır. Aylık sunucu kirası, bakım ve güncelleme maliyeti ciddi düşer.

Next.js bu işin neresinde?

Next.js, React üzerine kurulu ve statik üretimi birinci sınıf destekleyen bir framework. Bizim tercih etme nedenlerimiz:

output: 'export' ayarıyla tüm site saf statik dosyalara derlenir

generateStaticParams ile tek şablondan yüzlerce sayfa üretilir — bölge ve sektör landing sayfalarımızı böyle üretiyoruz

Metadata API ile her sayfanın title, description ve schema işaretlemeleri kod içinde, sürüm kontrollü yönetilir

next/image ve modern derleme, performans skorlarını yukarı taşır

Statik site ne zaman YANLIŞ tercih olur?

Dürüst olalım: her proje statik olmamalı.

Üyelik, sepet, ödeme gibi kullanıcıya özel akışlar varsa (e-ticaret sitelerinde sunucu tarafı gerekir)

İçerik dakikalar içinde değişiyorsa (canlı skor, borsa verisi)

Site yöneticisi kod bilmeden sık içerik girecekse ve statik yeniden derleme kurgusu kurulmamışsa

Bu durumlarda SSR'lı Next.js, Laravel gibi sunucu çatıları ya da hibrit mimari öneriyoruz. Doğru araç projeye göre seçilir; teknolojiyi projeye değil, projeyi teknolojiye uydurmak pahalı bir hatadır.

Sonuç

Kurumsal tanıtım siteniz için hız, güvenlik ve düşük maliyet öncelikse Next.js ile statik site bugün en rasyonel tercihlerden biri. Nitekim şu an okuduğunuz bu site de Next.js ile statik üretilmiş durumda. Projeniz için hangi mimarinin doğru olduğunu konuşmak isterseniz web tasarım hizmet sayfamıza göz atın ya da ücretsiz keşif için bize ulaşın.