Building This Site with Rust and WASM

_ .. .:, . `*-. ..,' ... 'cdOOl. .:dko,,ko. ) _`-. .':ox0K0l. 'kOccoo:;kW0:;dxo;. ;XNc . : `. . .,coxkkdxKKl. .dN0d:. .xWXOo;. ,KW0, : _ ' \ .codxkkxdc,..;xx' ,xXK: .:xXNd. ;KNNx. ; *` _. `*-._ .:ol:'. 'dk: ;doxNk..:dxdkNK; :0dkNl `-.-' `-. .lOl. .. 'xx,.oN0xkd:..xWd. l0;;KK; ... ; ` `. .:kd' 'kd..ONd:dKNk;. :X0, o0,.xN0dooool; :. . \ ,xx; .k0,.oOOxxXX: 'OXc ..';l0XkxxONKl.. . \ . : .-' . .dk:. ,OO; . ,0K, .dNo. xOOkxOXd'. .kNd. ' `+.; ; ' : .l0Olcodxxxkkkkx0NXd' ,KK, .oXd. ... lO, 'ONd. : ' | ; ;-. :ONXOxdl:;,'''',:cokKO ;KK, .dKl. .Ox. 'ONx. ; ' : :`-: _.`* ; .xKxc,. .. ,KNockk, lK: .kN0: .*' / .*' ; .*`- +' `*' .:' .dXKkc. '0k. .lx; `*-* `*-* `*-*' .. .;.

┌─────────────────────────────────┐ │HOME | ABOUT | PROJECTS | BLOG | CONTACT│ └─────────────────────────────────┘

╔═══════════════════════════════════════════╗ ║ HOME | ABOUT | PROJECTS | BLOG | CONTACT ║ ╚═══════════════════════════════════════════╝

╔══════════════════════════════════════════════════════════╗ ║ HOME | ABOUT | PROJECTS | BLOG | CONTACT ║ ╚══════════════════════════════════════════════════════════╝

╔══════════════════════════════════════════════════════════════════════════════╗ ║ HOME | ABOUT | PROJECTS | BLOG | CONTACT ║ ╚══════════════════════════════════════════════════════════════════════════════╝

┌────────────────────────────┐
│Building This Site with Rust and WASM│
│ 2024-12-28                 │
│                            │
├────────────────────────────┤
│ << Back to Blog            │
└────────────────────────────┘

╔══════════════════════════════════════╗
║Building This Site with Rust and WASM ║
║ 2024-12-28                           ║
║                                      ║
╠══════════════════════════════════════╣
║ << Back to Blog                      ║
╚══════════════════════════════════════╝

╔══════════════════════════════════════════════════════════╗
║          Building This Site with Rust and WASM           ║
║ 2024-12-28                                               ║
║                                                          ║
╠══════════════════════════════════════════════════════════╣
║ << Back to Blog                                          ║
╚══════════════════════════════════════════════════════════╝

╔══════════════════════════════════════════════════════════════════════════════╗
║                    Building This Site with Rust and WASM                     ║
║ 2024-12-28                                                                   ║
║                                                                              ║
╠══════════════════════════════════════════════════════════════════════════════╣
║ << Back to Blog                                                              ║
╚══════════════════════════════════════════════════════════════════════════════╝

This entire site is powered by Rust - both the backend server and the client-side interactivity via WebAssembly.

The Stack

// Server-side with Actix-web
async fn index(tera: web::Data<Tera>) -> Result<HttpResponse> {
    let content = ContentManager::new();
    let ctx = content.create_page_context()?;
    let rendered = tera.render("index.html.tera", &ctx)?;
    Ok(HttpResponse::Ok().body(rendered))
}

Features

Responsive ASCII boxes - Adapts to any screen size
Real-time shoutbox - WebSocket-powered chat
Markdown blog - Write posts in markdown, rendered with syntax highlighting
Dynamic stars - Twinkling background generated server-side

Why Rust?

Performance, safety, and because I like suffering (in a good way). The entire site compiles to a single binary with no runtime dependencies.

┌────────────────────────────┐ │

vxfemboy | meow <3 │ └────────────────────────────┘

╔══════════════════════════════════════╗ ║

vxfemboy | meow <3 ║ ╚══════════════════════════════════════╝

╔══════════════════════════════════════════════════════════╗ ║

vxfemboy | meow <3 ║ ╚══════════════════════════════════════════════════════════╝

╔══════════════════════════════════════════════════════════════════════════════╗ ║

vxfemboy | meow <3 ║ ╚══════════════════════════════════════════════════════════════════════════════╝