项目
个人作品集 — tombp.fr
采用 Three.js 线框齿轮、滚动动画与 Void & Gold 美学的现代作品集。

关于该项目
Tomfolio 是 tombp.fr 的源代码,使用 Next.js 14(App Router)、React 18 与 TypeScript,部署在 Vercel 上。界面遵循自研「Void & Gold」设计系统:深黑色底面搭配金色点缀,Space Grotesk 与 DM Sans 字体,HUD 风格组件。Three.js 驱动 hero 区的线框齿轮场景以及多个分区氛围画布(环、网格、波、星座),Framer Motion 负责基于弹簧物理的滚动动画。整站通过 next-intl 完成八种语言本地化,包含本地化 metadata、hreflang、按语言生成的动态 Open Graph 图片、JSON-LD 结构化数据、sitemap 与 robots。联系表单结合 React Hook Form、Zod 与 Formspree。除主要章节外,还嵌入一个 Playground 收录 11 个交互迷你应用:生命游戏、记忆配对、天气、Pomodoro、任务拆解、心情追踪、打字测试、调色盘、贪吃蛇、环境音混音器以及像素画编辑器。