NextJS Framework'ü Bir Site Motoru Olarak

İnternetin henüz doğduğu eski zamanlarda, siteler saf HTML ile geliştirilirdi. Ancak bu, biraz elverişsizdir. Bu nedenle, site geliştirmeyi kolaylaştıran, backend dillerinden biriyle (PHP, NodeJS vb.) yazılmış özel programlar ortaya çıktı. Sitenin çalışmasını destekleyen programa site motoru (site engine) denir.

Saf HTML sitelerin sorunlarının neler olduğunu, bu sorunlarla başa çıkmak için motorların nasıl yardımcı olduğunu ve NextJS'in bununla ne ilgisi olduğunu tartışalım.

Saf HTML'den oluşan çok sayfalı bir siteniz olduğunu varsayalım. Sitenin her sayfasında aynı olan kısımlar (örneğin, header, footer, sidebar'lar) ve farklı olan kısımlar (sayfa içeriği, başlığı) olacaktır.

Diyelim ki site header'ında bir değişiklik yapmanız gerekiyor. Bu durumda, bu header'ın bulunduğu tüm dosyalarda düzenleme yapmanız gerekecek. Bu, elbette pek kullanışlı değildir.

Bu yüzden modern siteler motorlarla çalışır. Motorlar özel bir yaklaşım kullanır. Bu yaklaşımın özü, sitenin genel şablonunu içeren bir dosya oluşturulmasıdır. Bu dosya sitenin genel kısımlarını içerecektir.

İstenen URL'ye bağlı olarak, şablonun özel bir yerine, o URL'ye karşılık gelen site içeriği eklenecektir.

Sayfadaki içeriğin yanı sıra genellikle başlık da değişir. Bu arada içerik ve başlık, şablonun farklı yerlerine eklenir. Bu da site motoru tarafından sağlanır.

SEO için önemliyse, site'nin her sayfası için kendi meta açıklamamız olmalıdır. Ayrıca kendi yerine şablonuna eklenmelidir.

NextJS framework'ü anlatılan şekilde çalışır. Yani sitemizin motorudur. Buna göre, bir yerlerde sitenin genel şablonunu içeren özel bir dosyamız var. Bu eğitimde bu bölümde onu inceleyeceğiz.