个人项目展示站静态架构

个人项目展示站静态架构 由 Archify 生成的架构图。 网站访客 · Browser / Mobile · 架构组件 网站访客 Browser / Mobile CloudBase 静态托管 · ap-shanghai · 架构组件 · production CloudBase 静态托管 ap-shanghai production 静态首页 · app/page.tsx · 架构组件 静态首页 app/page.tsx 浏览器交互组件 · MemoryGraph / FrontierChart / Music · 架构组件 浏览器交互组件 MemoryGraph / FrontierChart / Music 页面与组件源码 · app/ + components/ · 架构组件 页面与组件源码 app/ + components/ 公开 JSON 数据 · memory graph + harness · 架构组件 公开 JSON 数据 memory graph + harness 公开媒体资产 · public/ images + audio · 架构组件 公开媒体资产 public/ images + audio Next.js 静态构建 · npm run build · 架构组件 Next.js 静态构建 npm run build 静态输出 · out/ · 架构组件 · deployable artifact 静态输出 out/ deployable artifact HTTPS 交付静态页面 装载交互组件 页面与组件 构建时导入 复制公开资产 next build tcb hosting deploy ./out 图例 前端 后端 数据库 云服务 外部系统

运行时是纯静态交付

  • • 访客通过 HTTPS 访问 CloudBase 托管的页面与资产
  • • 当前项目不包含可证实的运行时 API、缓存或数据库

构建产物与源码分离

  • • Next.js 将页面、组件、JSON 和公开媒体组装为 out/
  • • CloudBase 只接收发布时指定的静态输出

公开边界

  • • 记忆图谱使用已遮盖的本地 JSON
  • • 本地路径、凭证和私密原始数据不属于静态交付