Jump to content

Leptos: setup

From Haidhi Wiki
Revision as of 03:24, 30 November 2025 by SanzSkuy (talk | contribs) (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...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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

<!DOCTYPE html>
<html>
  <head></head>
  <body></body>
</html>

Jadi sekarang struktur nya kayak gini

.
├── Cargo.lock
├── Cargo.toml
├── index.html
└── src
    └── main.rs

lalu di main.rs

use leptos::prelude::*;

fn main() {
    leptos::mount::mount_to_body(|| view! { <p>"Hello, world!"</p> })
}

Lalu jalankan

trunk serve --open

Command barusan akan mengcompile dan membuka aplikasi kita di browser. Setiap ada perubahan dia akan recompile otomatis


Source:
https://book.leptos.dev/getting_started/index.html