Server Rendering React js dan Node js Intro

Halo Teman teman semua, artikel saya yang ini akan di bagi menjadi beberapa part karena memang cukup panjang.

yang pertama adalah apasih pengertian server rendering? 

Server-Side Rendering - SSR dari sini - adalah kemampuan kerangka front-end untuk membuat markup saat berjalan pada sistem back-end. Aplikasi yang memiliki kemampuan untuk merender baik di server dan pada klien disebut aplikasi universal.

jadi sederhananya adalah ketika kita membuat app dengan react maka server tidak akan merender markup html yang ada di sisi klient dan yang tampil di source code hanya link javascript saja, maka dengan ini dengan server side rendering kita dapat merender markup html dari js ke sisi server kita, tetapi update content tetap akan di handle dari sisi client bukan dari sisi server

tapi yang jadi pertanyaan, Penting tidak server side rendering ini?  Kalau menurut saya relatif, maksud relatif di sini adalah apa kegunaan atau fungsi dari aplikasi yang akan kita buat. jika aplikasi yang kita gunakan tidak untuk di publikasikan atau hanya untuk kepentingan internal yang tidak membutuhkan SEO (Search Engine Optimation) maka ini tidak terlalu penting, akan tetapi jika aplikasi yang kita buat dan membutuhkan seo maka sangatlah penting server side rendering disini.

beberapa keuntungan menggunakan server side rendering (Menurut saya)

1. Search Engine Optimization

dengan ssr atau server side rendering mesin pencari seperti google dapat melakukan crawling content web kita. berbeda tanpa ssr web kita seperti web kosong yang tidak ada perubahan konten karena hanya halaman dengan link javascript

2. Meningkatkan Peformance

Ya memang benar, dengan serverside rendering dapat meningkatkan peforma browser saat rendering halaman, karena browser tidak perlu menunggu sampai selesai download javascript terlebih dahulu. sehingga jika ukuran js kita besar ini sangat menguntungkan.

beberapa kekurangan menggunakan Server side rendering

1. menurunkan waktu response server

pada saat kita menggunakan server side rendering, server harus melakukan proses extrak markup yang kita buat di react, sehingga membutuhkan waktu untuk memberikan response, berbeda dengan jika tanpa ssr, maka server titak melakukan proses itu sehingga waktu response server lebih cepat

2. Complexity

yang dimaksud disini adalah dengan menggunakan server side rendering akan banyat improvement yang di perlukan untuk pengembagan sistem, sehingga  membutuhkan waktu lebih banyak, misalkan pengecekan jika data diambil dari db dan static data, dll

 

disini saya akan membagi di dalam beberapa part

  • Server Rendering React js dan Node js Part 1 (di part ini saya membahas tentang struktur direktori yang akan di buat dan config dari project kita) tunggu ya
  • tunggu yang lain ya (Sabarrr Terima kasih)