Rendering

Next.js varsayılan olarak her sayfayı önceden işler. Bu, Next.js'nin her sayfa için HTML'yi istemci tarafı JavaScript ile yapmak yerine önceden oluşturduğu anlamına gelir. Ön işleme, daha iyi performans ve SEO ile sonuçlanabilir.

Oluşturulan her HTML, o sayfa için gerekli olan minimum JavaScript koduyla ilişkilendirilir. Bir sayfa tarayıcı tarafından yüklendiğinde, JavaScript kodu çalışır ve sayfayı tamamen etkileşimli hale getirir (bu işlem React'te hidrasyon olarak adlandırılır).

Pre-rendering

Next.js'de iki tür ön işleme vardır: Statik Oluşturma ve Sunucu Tarafı Oluşturma. Aradaki fark, bir sayfa için HTML'yi ne zaman ürettiğidir.

• Statik Oluşturma: HTML derleme zamanında oluşturulur ve her istekte yeniden kullanılır.
• Sunucu Tarafı Oluşturma: HTML her istekte oluşturulur.

Daha da önemlisi, Next.js her sayfa için hangi ön oluşturma formunu kullanmak istediğinizi seçmenize izin verir. Çoğu sayfa için Statik Oluşturma ve diğerleri için Sunucu Tarafı Oluşturma kullanarak "hibrit" bir Next.js uygulaması oluşturabilirsiniz.

Performans nedenleriyle Sunucu Tarafı Oluşturma yerine Statik Oluşturma kullanmanızı öneririz. Statik olarak oluşturulan sayfalar, performansı artırmak için ekstra yapılandırmaya gerek kalmadan CDN tarafından önbelleğe alınabilir. Ancak bazı durumlarda Sunucu Tarafı Oluşturma tek seçenek olabilir.

İstemci taraflı veri getirmeyi Statik Oluşturma veya Sunucu Taraflı Oluşturma ile birlikte de kullanabilirsiniz. Bu, bir sayfanın bazı bölümlerinin tamamen istemci tarafı JavaScript tarafından oluşturulabileceği anlamına gelir. Daha fazla bilgi edinmek için Veri Get irme belgelerine göz atın.