Leptos: CSR vs SSR

Ada dua cara untuk buat FE pake Leptos: CSR & SSR

CSR (client side rendering)

Pada CSR, rendering dilakukan di browser user. CSR di Leptos menggunakan 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
Deployment mudah (static hosting)

Cons

Initial load bisa lebih berat karena user harus download WASM
SEO lebih sulit (mirip SPA pada umumnya)
Butuh JS enabled (ada JS glue untuk load WASM)

SSR (server side rendering)

Pada SSR rendering dilakukan di server, baru abis itu kirim ke client. Cocok buat web fullstack ala-ala next.js

Pros

Initial load sangat cepat (HTML langsung tampil)
SEO lebih baik
Integrasi native dengan backend framework Rust seperti Axum atau Actix
Bisa pakai server functions untuk komunikasi server-client tanpa boilerplate

Cons

Build lebih lambat (server + client compile)
Development loop sedikit lebih berat
Setup dan arsitektur lebih kompleks