https://wiki.haidhi.my.id/wiki/index.php?action=history&feed=atom&title=Leptos%3A_CSR_vs_SSRLeptos: CSR vs SSR - Revision history2026-11-01T21:45:08ZRevision history for this page on the wikiMediaWiki 1.43.0https://wiki.haidhi.my.id/wiki/index.php?title=Leptos:_CSR_vs_SSR&diff=504&oldid=prevSanzSkuy: Created page with "Ada dua cara untuk buat FE pake Leptos: CSR & SSR == CSR (client side rendering) == Pada CSR, <i>rendering</i> dilakukan di browser user. CSR di Leptos menggunakan [https://trunkrs.dev trunk] untuk compile code ke WASM yang nanti akan dijalankan di browser. Cocok digunakan untuk aplikasi pure frontend atau ketika backend sudah disediakan terpisah (misalnya microservices, API gateway, dsb). === Pros === * Development & iteration super cepat * Build simpel dan ringan * D..."2025-11-29T11:51:45Z<p>Created page with "Ada dua cara untuk buat FE pake Leptos: CSR & SSR == CSR (client side rendering) == Pada CSR, <i>rendering</i> dilakukan di browser user. CSR di Leptos menggunakan [https://trunkrs.dev trunk] untuk compile code ke WASM yang nanti akan dijalankan di browser. Cocok digunakan untuk aplikasi pure frontend atau ketika backend sudah disediakan terpisah (misalnya microservices, API gateway, dsb). === Pros === * Development & iteration super cepat * Build simpel dan ringan * D..."</p>
<p><b>New page</b></p><div>Ada dua cara untuk buat FE pake Leptos: CSR & SSR<br />
<br />
== CSR (client side rendering) == <br />
Pada CSR, <i>rendering</i> dilakukan di browser user. CSR di Leptos menggunakan [https://trunkrs.dev trunk] untuk compile code ke WASM yang nanti akan dijalankan di browser. Cocok digunakan untuk aplikasi pure frontend atau ketika backend sudah disediakan terpisah (misalnya microservices, API gateway, dsb).<br />
=== Pros ===<br />
* Development & iteration super cepat<br />
* Build simpel dan ringan<br />
* Deployment mudah (static hosting)<br />
<br />
=== Cons ===<br />
* Initial load bisa lebih berat karena user harus download WASM<br />
* SEO lebih sulit (mirip SPA pada umumnya)<br />
* Butuh JS enabled (ada JS glue untuk load WASM)<br />
<br />
== SSR (server side rendering) == <br />
Pada SSR <i>rendering</i> dilakukan di server, baru abis itu kirim ke client. Cocok buat web fullstack ala-ala next.js<br />
=== Pros ===<br />
* Initial load sangat cepat (HTML langsung tampil)<br />
* SEO lebih baik<br />
* Integrasi native dengan backend framework Rust seperti Axum atau Actix<br />
* Bisa pakai server functions untuk komunikasi server-client tanpa boilerplate<br />
<br />
=== Cons ===<br />
* Build lebih lambat (server + client compile)<br />
* Development loop sedikit lebih berat<br />
* Setup dan arsitektur lebih kompleks</div>SanzSkuy