返回首页

Phoenix Website

访问项目
Next.js 15React 19Three.jsFramer Motioni18nextTailwind CSSpnpm
📋

项目概述

Phoenix PUSD 是一个以 PUSD 稳定币为核心的 DeFi 协议官网,通过质押挖矿、借贷、跨链、代币兑换等 DeFi 功能,为用户提供稳定收益和多层级推荐奖励。

👨‍💻

我的职责

负责前端项目的整体架构以及性能优化方案设计,火凤凰动画和特效的实现,并处理浏览器兼容性,使用 i18n server 在服务端处理国际化。

💼

核心业务

作为 Phoenix 生态的品牌入口,展示项目愿景、产品矩阵、团队信息、路线图等内容,引导用户进入 DApp 使用产品。

项目亮点

  • 使用 Three.js 打造火凤凰 3D 模型动画,实现粒子效果和星空背景的沉浸式视觉体验
  • 通过 HTTP 缓存 + Service Worker + Vercel/CDN 缓存实现网页性能提升
  • 将 Agentic Coding 概念落地实际开发中,大幅提高研发效率的同时保证研发质量
  • 使用 Skills(web-design-guidelines、frontend-design、react-best-practices、seo-audit)确保 AI 遵循统一规范
  • 基于 Next.js 15 App Router,实现 SSG 静态生成,首屏加载极快
🛠

技术方案

基于 Next.js 15 + React 19 + Tailwind CSS + Framer Motion + Three.js + i18next + pnpm 构建,服务端国际化处理,多层缓存策略优化性能。