doc: add tutorial example

examples/tutorial/src/routes/pokemons/[pokemon].rs

@@ -0,0 +1,31 @@
+use serde::{Deserialize, Serialize};
+use tuono_lib::{Request, Response};
+
+const POKEMON_API: &str = "https://pokeapi.co/api/v2/pokemon";
+
+#[derive(Debug, Serialize, Deserialize)]
+struct Pokemon {
+    name: String,
+    id: u16,
+    weight: u16,
+    height: u16,
+}
+
+#[tuono_lib::handler]
+async fn get_pokemon(req: Request<'_>, fetch: reqwest::Client) -> Response {
+    // The param `pokemon` is defined in the route filename [pokemon].rs
+    let pokemon = req.params.get("pokemon").unwrap();
+
+    return match fetch.get(format!("{POKEMON_API}/{pokemon}")).send().await {
+        Ok(res) => {
+            let data = res.json::<Pokemon>().await.unwrap();
+            Response::Props(Box::new(data))
+        }
+        Err(_err) => Response::Props(Box::new(Pokemon {
+            name: "Nope".to_string(),
+            id: 0,
+            weight: 0,
+            height: 0,
+        })),
+    };
+}

examples/tutorial/src/routes/pokemons/[pokemon].tsx

@@ -0,0 +1,6 @@
+import { TuonoProps } from 'tuono'
+import PokemonView from '../../components/PokemonView'
+
+export default function Pokemon({ data }: TuonoProps): JSX.Element {
+  return <PokemonView pokemon={data} />
+}