It's been so long since I last posted in Dev. I was looking for new ideas for hacking and posts and Digital Ocean hackathon started. I decided to finally create my personal website 😸. It is going to be a static site but with a twist. It will be SPA written in web assembly. Wait What😳 Web Assembly for a portfolio. For justice, I will add webgl components but in future😜
- Yew Framework for writing wasm components. Yew is a frontend framework written in rust and is compiled to wasm target using wasm-bindgen
- YBC yew component library based on bulma
- Webpack for compiling and bundling rust, wasm, js, sass,css etc
- Docker for deploying the static app in digital ocean app platform
Code Editor - Jetbrains Clion. To accelerate development I have used yew webpack starter template
I wanted to learn rust and wasm and yew seems to be the best bet. At first I tried the minimal yew setup and I was able to deploy it. Hooray❗. Hold on there's a problem, unlike React, Yew and Wasm doesn't have well established tooling. Every time I edit the project, I have to recompile the whole app 😑. I had two options use webpack or trunk a rust wasm bundler. I decided to go with webpack😛.
Cover Image - Unsplash