Statik Site Oluşturucu (SSG)

Bir statik site oluşturucu (SSG), her gelen istekte her sayfayı dinamik olarak oluşturmak yerine, bir web sitesinin tam HTML sayfalarını önceden, build zamanında inşa eden bir araçtır. Çıktı, ziyaret başına sunucu tarafı render işi olmadan bir CDN'den anında sunulabilen düz statik dosyalardan (HTML, CSS, JS) oluşur; bu, statik siteleri ölçekte barındırmayı son derece hızlı ve ucuz hale getirir. Popüler SSG'ler ve hibrit framework'ler arasında Astro, Next.js (statik dışa aktarma modunda), Hugo, Eleventy ve Gatsby bulunur. AI/SaaS geliştiricileri için neden önemli: SSG'ler, içerik ağırlıklı, sık değişmeyen sayfalar için standart tercihtir — pazarlama siteleri, dokümantasyon, bloglar ve (burada doğrudan ilgili olarak) sözlük/tanım sayfaları; çünkü bu sayfaların her tek ziyaretçi isteğinde yeniden oluşturulmasına gerek yoktur ve CDN düzeyinde önbelleklemeden ve neredeyse anlık yükleme sürelerinden büyük ölçüde fayda sağlarlar; bu hem Core Web Vitals'ı iyileştirir (doğrudan bir SEO sıralama faktörü) hem de her isteği yeniden render etmeye kıyasla barındırma maliyetini azaltır. Birçok modern framework yaklaşımları harmanlıyor — Incremental Static Regeneration (ISR), statik bir sayfayı bir zamanlamaya göre veya talep üzerine arka planda yeniden inşa eder; bu, statik oluşturmanın hız avantajının çoğunu korurken içeriğin tam elle yeniden inşa gerekmeden güncellenmesine izin verir. Nasıl çalışır: build zamanında, SSG projedeki her sayfa/rota üzerinden geçer, ihtiyaç duyduğu verileri (bir CMS'den, bir veritabanından veya yerel Markdown dosyalarından) alır, son HTML'i render eder ve deploy'a hazır statik dosyalar olarak diske yazar. İçerik değiştiğinde, yeni bir build tetiklemek etkilenen sayfaları yeniden oluşturur (veya ISR ile, platform önbellek penceresi süresi dolduktan sonra belirli bir sayfayı otomatik olarak arka planda, tam bir site yeniden inşası olmadan yeniden oluşturur). Uygulamalı örnek: bir SaaS şirketinin sözlük bölümü, yayınlandıktan sonra nadiren değişen yüzlerce tanım sayfasına sahip. Bunu, 7 günlük bir yeniden doğrulama penceresine ayarlanmış ISR kullanarak Next.js ile inşa ediyorlar: her sözlük sayfası build zamanında (veya yeniyse ilk istekte) statik HTML'e önceden render edilir, her sonraki ziyaretçiye istek başına sıfır sunucu hesaplamasıyla CDN edge'inden anında sunulur ve 7 gün geçtikten sonra bir sonraki talep edildiğinde arka planda otomatik olarak yeniden oluşturulur — bu onlara neredeyse statik site performansı ve barındırma maliyeti verirken, tanımların tam elle site yeniden inşası tetiklenmeden düzeltilmesine veya genişletilmesine izin veriyor. Bir editör bir sözlük girdisinde bir yazım hatasını düzeltirse, o tek sayfa önbellek penceresi süresi dolduktan sonraki bir sonraki talebinde sessizce yeniden oluşur; yanındaki yüzlerce ilgisiz sözlük sayfasını yeniden deploy etmeden veya yeniden inşa etmeden.