← 全部项目

个人 · 2026

本作品集

从零重写的作品集:服务端渲染、WebAssembly 交互、联系表单和实时 GitHub 动态。

本作品集

故事

上一版是使用 Three.js 和 Framer Motion 的 Next.js 网站。我用 Leptos(Rust)重写了它:Axum 服务器把每个页面渲染成 HTML,然后浏览器用 WebAssembly 让它变得可交互。

内容包括:随页面滚动逐步绘出的地铁线路图、用于介绍 S-Print 的交互式线路、浅色与深色主题、一个终端,以及一个通过 SMTP 服务端函数发送的联系表单,带有校验、防垃圾和安全响应头。

我的收获

从头到尾使用同一种语言,让重构变得非常安全,前提是要在 WebAssembly 加载之前就照顾好体验。