企业官网
案例介绍
从零独立开发并已上线的企业官网（whalefly.cn），覆盖品牌展示、服务介绍、产品列表、咨询线索收集与 3D 品牌吉祥物互动，完整走过需求设计、开发、测试、Docker 部署与 ICP 备案上线全流程。
本人独立完成全部前后端与部署工作，核心产出：
首页与响应式布局：Next.js App Router + SCSS Modules 构建，配合 GSAP 滚动动效，适配桌面与移动端；
产品列表：73 项方案卡片，支持分类筛选、关键词搜索与分页，AI 生成概念图资源管理；
咨询线索闭环： /api/contact 接口基于 Zod 服务端校验、SQLite 持久化、限流与幂等提交，Nodemailer SMTP 邮件通知，提交满 72 小时自动清理，符合隐私合规要求；
3D 吉祥物 Wilo：Three.js 实时渲染 GLB 骨骼模型（31 根骨骼、9 种动作），支持待机 / 招手 / 聊天手势切换，加载失败自动降级为静态图；并接入 /api/mascot/chat AI 对话接口，带额度、并发与超时控制；
质量与部署：Vitest 单元测试 + Playwright E2E + Axe 无障碍检查（累计 100+ 项通过），Docker 容器化部署，已配置 HTTPS、健康检查与定时维护。
技术栈：Next.js、React、TypeScript、Three.js、GSAP、Drizzle ORM、SQLite、Nodemailer、Docker、Vitest、Playwright。
企业官网
案例介绍
鲸翼达企业官网（Next.js 16 + React 19 + TypeScript + Three.js）
从零独立开发并已上线的企业官网（whalefly.cn），覆盖品牌展示、服务介绍、产品列表、咨询线索收集与 3D 品牌吉祥物互动，完整走过需求设计、开发、测试、Docker 部署与 ICP 备案上线全流程。
本人独立完成全部前后端与部署工作，核心产出：
首页与响应式布局：Next.js App Router + SCSS Modules 构建，配合 GSAP 滚动动效，适配桌面与移动端；
产品列表：73 项方案卡片，支持分类筛选、关键词搜索与分页，AI 生成概念图资源管理；
咨询线索闭环： /api/contact 接口基于 Zod 服务端校验、SQLite 持久化、限流与幂等提交，Nodemailer SMTP 邮件通知，提交满 72 小时自动清理，符合隐私合规要求；
3D 吉祥物 Wilo：Three.js 实时渲染 GLB 骨骼模型（31 根骨骼、9 种动作），支持待机 / 招手 / 聊天手势切换，加载失败自动降级为静态图；并接入 /api/mascot/chat AI 对话接口，带额度、并发与超时控制；
质量与部署：Vitest 单元测试 + Playwright E2E + Axe 无障碍检查（累计 100+ 项通过），Docker 容器化部署，已配置 HTTPS、健康检查与定时维护。
技术栈：Next.js、React、TypeScript、Three.js、GSAP、Drizzle ORM、SQLite、Nodemailer、Docker、Vitest、Playwright。
案例图片
相似案例推荐
-
工厂报餐系统软件
本工厂报餐系统专为工厂企业员工就餐报餐管理而设计，旨在为制造
-
仲裁委机构 睿裁云仲裁系统
面向中卫仲裁委的业务系统，实现仲裁文书自动生成、短信通知、任
-
动芯
这是一款可以帮助你实现动芯控制器和火车模型的有效互动的APP
-
实时投票排行榜与防刷系统
1.Redis Lua 原子执行投票逻辑，投票请求不直写 M
-
佛山家具工厂ERP系统
主要对100人-800人的家具工厂管理，从业务下单开始 到采
-
集卡CPS系统
本项目设计了一套融合图像识别、激光扫描于一体的集卡引导解决方
1小时精推人才
需求方专属客服，免费梳理匹配
