Rust-Powered Fullstack GraphQL: From Actix-Web & Juniper Server to WASM Yew Client
summary
Builds a working full‑stack demo: an Actix‑web + Juniper server exposing a simple in‑memory users DB, a WASM Yew client compiled with trunk and wasm‑bindgen, and client code that uses graphql‑client codegen to produce typed request/response structs. Shows exact Cargo deps, how queries map to generated Rust types, how CORS and logging are configured, and the dev workflow (trunk serve → browser playground → typed fetch). Errors, async wiring, and when Rust front‑end makes sense are demonstrated.
AI-written summary · about
chapters (14)
- 0:00Introduction and setup
- 1:24Workshop purpose and prerequisites
- 3:11Tech stack overview
- 5:29Cargo project initialization
- 7:15Actix-Web HTTP server setup
- 9:21Adding GraphQL with Juniper
- 18:37Actix-Web and Juniper integration
- 21:37CORS configuration
- 23:05Setting up Yew WASM frontend
- 32:57Yew frontend basics
- 34:20GraphQL code generation
- 46:16Using generated GraphQL client
- 53:46When to use Rust in fullstack
- 1:03:01Debugging WASM and Q&A
related talks
37mDockerising and deploying a full stack Rust + WASM web app
30mYew a Rust+WebAssembly framework for client-side web apps
25mThink About Front-end Web Development with Rust
27mThe State of Rust Web Frameworks: Pros, Cons & Use Cases
37mGraphQL at the Edge with WebAssembly
01h 00mThe Future of Rust Web Applications
38mRust on the frontend
06mFor The Love Of Web Assembly