我用 Next.js 和 Three.js 构建了一个新作品集

Source: Dev.to

我最近从零开始构建了个人作品集，重点关注性能、交互性和视觉识别。
👉 现场站点:

技术栈

• Next.js – 路由、服务器端渲染以及整体结构
• Three.js – 3D 渲染和场景管理
• GLSL 着色器 – 为背景和星系提供动力
• Cloudflare Turnstile – 联系表单的机器人防护
• 速率限制 – 保护联系 API 端点
• Vercel – 部署

构建亮点

• 快速、全静态的 Next.js 页面 – 大部分站点经过静态优化，同时仍支持交互式 WebGL 元素。
• 安全的联系表单 – 集成 Cloudflare Turnstile，使用小型无服务器 API 路由，并添加速率限制以防止垃圾信息。
• 响应式 + GPU 友好 – 着色器能够干净地适配移动端、设备像素比变化以及 GPU 限制。

构建原因

我想要一个能够体现我作为前端/全栈开发者的经验以及对观星兴趣的作品集。这个项目让我既能展示技术技能，又能表达个人热情。

欢迎 100% 提出反馈——无论是关于设计、性能、着色器还是用户体验。

感谢阅读！ 👋