企业官网建设流程全解析

前端模式

文件结构

{{FILE_STRUCTURE}}

组件规则

{{COMPONENT_RULES}}

状态管理

{{状态管理}}

吐司/通知系统

{{TOAST_SYSTEM}}

分析

{{ANALYTICS_SECTION}}

信任界限

{{信任边界}}

生成规则

• 文件结构：相关源代码目录（app/、components/、lib/、src/）的 ASCII 树。仅包含代码目录，不包括 node_modules、.git 等。
• 组件规则:
  • Next.js 应用路由器：“use client” 规则，服务器/客户端组件拆分，每种类型的所在位置。
  • Vite/SPA：文件夹结构，懒加载。
  • Tailwind：禁止使用内联style={{}}（除像 global-error 这样的情况）。
  • shadcn/ui：components/ui/ 中的原子组件。
  • 根据项目检测的标签/导航 UI 语言（英语/西班牙语/等）。
• 状态管理:
  • Zustand/Redux/Jotai：文档存储、服务器水化模式。
  • 仅 useState：文档主要状态所在的位置。
  • 共享钩子：列出它们及其用途。
• TOAST_SYSTEM：检测 sonner、shadcn toast、自定义系统，或无。记录 API。
• 分析部分：如果存在 Google Analytics、GTM、Plausible 等，请记录钩子或辅助工具。
• 信任边界：记录客户端验证的内容与服务器验证的内容，以及哪些通过服务器操作处理，哪些在客户端处理。