Leptos: setup - Revision history

SanzSkuy: Created page with "Make sure sudah install Rust di PC. Jalankan command di bawah ini sekali saja seumur hidup. cargo install trunk Lalu buat project dan install dependencies cargo new leptos-project && cd leptos-project cargo add leptos --features=csr rustup target add wasm32-unknown-unknown Lalu buat `index.html` di root project
2025-11-30T03:24:15Z

Created page with "Make sure sudah install Rust di PC. Jalankan command di bawah ini sekali saja seumur hidup. <syntaxhighlight lang=bash> cargo install trunk </syntaxhighlight> Lalu buat project dan install dependencies <syntaxhighlight lang=bash> cargo new leptos-project && cd leptos-project cargo add leptos --features=csr rustup target add wasm32-unknown-unknown </syntaxhighlight> Lalu buat <code>index.html</code> di root project <syntaxhighlight lang=html> <!DOCTYPE html> <html> <hea..."

New page
Make sure sudah install Rust di PC. Jalankan command di bawah ini sekali saja seumur hidup.
<syntaxhighlight lang=bash>
cargo install trunk
</syntaxhighlight>
Lalu buat project dan install dependencies
<syntaxhighlight lang=bash>
cargo new leptos-project && cd leptos-project
cargo add leptos --features=csr
rustup target add wasm32-unknown-unknown
</syntaxhighlight>
Lalu buat <code>index.html</code> di root project
<syntaxhighlight lang=html>
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
</syntaxhighlight>
Jadi sekarang struktur nya kayak gini
<syntaxhighlight>
.
├── Cargo.lock
├── Cargo.toml
├── index.html
└── src
└── main.rs
</syntaxhighlight>
lalu di <code>main.rs</code>
<syntaxhighlight lang=rs>
use leptos::prelude::*;

fn main() {
leptos::mount::mount_to_body(|| view! { <p>"Hello, world!"</p> })
}
</syntaxhighlight>
Lalu jalankan
<syntaxhighlight lang=bash>
trunk serve --open
</syntaxhighlight>
Command barusan akan mengcompile dan membuka aplikasi kita di browser. Setiap ada perubahan dia akan recompile otomatis

Source: <br>
https://book.leptos.dev/getting_started/index.html