界面下面的系统

NEXTFIELD 当前使用 Next.js、React 和 TypeScript 构建页面与服务端路由，Tailwind CSS 管理样式，MDX 承载长文；GSAP、Framer Motion、OGL 与 Three.js 用于不同的交互动效。网站通过 OpenNext 部署到 Cloudflare Workers，部分登录与数据功能接入 Supabase，Field Agent 使用 DeepSeek API 生成站内回答，并由 Cloudflare Durable Object 管理共享提问额度。这份清单描述本站当前实现，不等同于作者个人技术能力展示中的所有工具。

长文使用 MDX，项目、证据模块、图片档案、曲目清单与歌词使用结构化数据，页面组件不持有重复内容。新增文章、图片或曲目时，导航、列表和 sitemap 都从同一来源生成。

Next.js 和 React 负责结构，TypeScript 约束数据边界，Tailwind CSS 与设计令牌统一主题，GSAP 只处理需要明确编排的运动；声音交给浏览器原生 audio，不做任何绕过授权限制的处理。

文章等核心内容在构建时预渲染，登录、考试、留言与访问统计由 Cloudflare Worker 的服务端路由处理。构建过程验证类型、路由和内容入口；上线后仍需分别检查外部 API、密钥与数据库状态。