Jump to content

Leptos: setup

From Haidhi Wiki

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