Teknik-teknik dalam pengembangan Frontend Website

Dalam pengembangan frontend terdapat 3 teknik yang masing-masing memiliki kelebihan dan kekurangan, yaitu SSR, SSG dan CSR.

Ada beberapa framework dari javascript yang memang di khususkan untuk membangun frontend website dengan ketiga teknik tersebut. Seperti React, Vue dan Angular. Tapi di artikel ini, saya akan menggunakan React Js sebagai contoh.

SSR (Server Side Rendering)

SSR singkatan dari Server Side Rendering adalah teknik me render React Js di sisi server, dan mengirimkan hasil render tersebut dalam bentuk html dan css ke browser/client. Teknik ini berbeda dari CSR. jika CSR, browser meminta file js dan browser akan me render file js tersebut dan menjadi html. Berbeda dengan SSR yang akan me render file js di sisi server dan saat dikirim ke browser sudah dalam berbentuk Html dan Css. berikut illustrasi dalam bentuk gambar untuk menjelaskan bagaimana SSR bekerja

Untuk membaca lebih lanjut bisa klik link