SSR nedir? 
SSR, veya Sunucu Tarafı Oluşturma, bir uygulama veya içeriğin sunucu tarafından oluşturulup istemci tarafından çok az işlemle görüntülendiği bir mekanizma ve konvansiyonlar kümesidir.
SSR ile, istemci JavaScript çalıştırmaz. Bunun yerine, istemci sunucu tarafından "oluşturulan" HTML/CSS'i görüntüler.
SSR'nin Faydaları
SSR'in en büyük faydalarından biri JavaScript'in gerekli olmamasıdır. Bu nedenle, birçok kullanım durumunda uygulamalar daha "hafif" hissettirecek şekilde oluşturulabilir.
Ek olarak, kullanıcı JavaScript'i devre dışı bırakmışsa SSR bir yedek olarak kullanılabilir. Bu şekilde yorum dizileri yine de görüntülenebilir ve kullanıcı hala yorumlara cevap verebilir.
FastComments zaten iyi optimize edilmiştir, bu yüzden çoğu durumda SSR gerekli değildir. Ancak bazı çevrimiçi topluluklarda JavaScript kullanmayan kullanıcılar bulunmaktadır veya onu devre dışı bırakmak tercih edilen uygulamadır. İşte FastComments SSR'nin yararlı olabileceği durum burasıdır.
Ancak SSR'nin önemli bir dezavantajı, küçük durum değişiklikleri için sayfanın yeniden yüklenmesi zorunluluğudur.
FastComments SSR Desteklenen Özellikler
FastComments, SSR ile aşağıdaki özellikleri destekler:
- Özelleştirilebilir yorum bileşeni.
- Anonim yorum yapma.
- Giriş yapmışken yorum yapma.
- SSO.
- Kök ve iç içe yanıtlar.
- Yorum dizilerini görüntüleme & sayfalandırma.
- Oylama, anonim oylama dahil.
- Varsayılan sıralama yönünü değiştirme.
Bir Örnek
FastComments SSR için bir örnek burada mevcuttur.
Kullanım Senaryoları
SSR için örnek kullanım durumları aşağıdaki gibidir:
- JavaScript devre dışı bırakıldığında bir yedek.
- JavaScript'in mevcut olmadığı veya istenmediği bir ortamda bir yorum arayüzünü render etmek için.
- Daha fazla JavaScript eklenmesinin istenmediği siteler veya çevrimiçi topluluklar için.
FastComments'ın SSR Kullanım Alanları
FastComments aşağıdaki yerlerde SSR kullanır:
- WordPress eklentimiz varsayılan olarak bir yedek olarak SSR kullanır. JavaScript devre dışıysa, kullanıcılar yine de blogunuza yorum bırakabilir.
- Kendi blogumuzda da bir yedek olarak kullanıyoruz! https://blog.fastcomments.com
SSR Kullanımı
To use FastComments SSR, the client may fetch HTML from the https://fastcomments.com/ssr/comments endpoint.
This can be done a number of ways.
With WordPress
SSR is enabled by default for users without JS enabled as a fallback in the WordPress plugin since version 3.10.2.
In a Webpage
With an already existing application, SSR can be added with the following example, assuming the language used is PHP:
We can also only show the SSR UI when the user has JS disabled:
For an example using SSO, see here.
With Pre-Rendered Content
Our blog is generated at build time, and provides a good example of SSR with Handlebars.
The Basic Parameters
The basic parameters that you need to pass are:
tenantId- This identifies you as a customer.urlId- This identifies the page or article to load comments for, and defines where they are saved.url- This is used for notifications and related features to link back to the comment thread.
Custom Styling
The SSR version of the comment widget uses the same structure and rendering engine as the JavaScript one.
As such, all custom styling that works for the JavaScript commenting widget works for SSR.
Notes
With SSR, there is no JavaScript to control the height of the rendered container. In browsers, a vertical scrollbar may show for long discussions.
As such, you must tune this as desired.