clone project and Create a new project.
bash
git clone https://github.com/doberan/yew-bulma-components.git
cargo new --bin sample-yew-homepage
cd sample-yew-homepage
touch index.html
edit Cargo.toml.
toml
[package]
authors = []
edition = "2018"
name = "sample_yew_homepage"
version = "0.1.0"
[dependencies]
wasm-bindgen = "0.2.74"
yew = "0.18.0"
yew_bulma_components = {path="../yew-bulma-components", version = "0.1.0" }
edit index.html.
html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Sample Yew Project.</title>
<base data-trunk-public-url />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css" />
</head>
</html>
edit main.rs
```rust extern crate yewbulmacomponents; use yew::prelude::*; use yewbulmacomponents::components::atoms::h1_text::H1Text;
pub struct Home; impl Component for Home { type Message = (); type Properties = ();
fn create(_props: Self::Properties, _link: ComponentLink<Self>) -> Self {
Self
}
fn update(&mut self, _msg: Self::Message) -> ShouldRender {
unimplemented!()
}
fn change(&mut self, _props: Self::Properties) -> ShouldRender {
false
}
fn view(&self) -> Html {
html! {
<H1Text classes="title" title="Sample homepage" />
}
}
}
fn main() {
yew::start_app::
```
execute serve.
bash
trunk serve